@extends('admin.layout.master')

@section('content')
<style>
    select2-container--default {
        min-height: 104px !important;
}
.table-container {
    overflow: auto; height: 400px;
}

.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }

</style>
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1 class="m-0">Restock Emails - Batch Id : {{ $batch_id }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Restock Emails - Batch Id : {{ $batch_id }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
        @endif
    @endforeach
        <div class="row">
            <div class="col-12 col-sm-6 col-md-2">
                <div class="info-box">
                    <div class="info-box-content">
                        <span class="info-box-text text-bold">Total</span>
                        <span class="info-box-number h4">
                            {{ $total }}
                        </span>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-md-2">
                <div class="info-box">
                    <div class="info-box-content">
                        <span class="info-box-text text-bold">Sent</span>
                        <span class="info-box-number h4">
                            {{ $receivers }}
                        </span>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-md-2">
                <div class="info-box mb-3">
                    <div class="info-box-content">
                        <span class="info-box-text text-bold">Opens</span>
                        <span class="info-box-number h4">{{ $opens }}</span>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-md-2">
                <div class="info-box mb-3">
                    <div class="info-box-content">
                        <span class="info-box-text text-bold">Clicks</span>
                        <span class="info-box-number h4">{{ $clicks }}</span>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-md-2">
                <div class="info-box mb-3">
                    <div class="info-box-content">
                        <span class="info-box-text text-bold">Conversion Rate</span>
                        <span class="info-box-number h4">{{ round($conversion_rate,2) }}</span>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-md-2">
                <a href="{{ route('admin.restock-email') }}?batch_id={{ $batch_id }}&is_order_total=1">
                    <div class="info-box mb-3">
                        <div class="info-box-content">
                            <span class="info-box-text text-bold">Order Total#</span>
                            <span class="info-box-number h4">{{ $conversion_rate_order }}</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <form action="{{ route('admin.restock-email') }}" id="frm_search" method="get">
                <input type="hidden" name="batch_id" value="{{ $batch_id }}">
                    <div class="row mb-2">
                        <div class="col-2">
                            <label for="form-label">Email</label>
                            <input type="email" name="emailaddress" id="emailaddress" value="{{ $emailaddress }}" class="form-control" placeholder="Search Email Address">
                        </div>
                        <div class="col-2">
                            <label for="form-label">Sent</label>
                            <select name="is_send" id="is_send" class="form-control">
                                <option value="">All</option>
                                <option value="0" @if($is_send == '0') selected @endif >No</option>
                                <option value="1" @if($is_send == '1') selected @endif>Yes</option>
                            </select>
                        </div>
                        <div class="col-8">
                            <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Submit</button>
                            <a class="btn btn-warning" href="{{ route('admin.restock-email') }}?batch_id={{ $batch_id }}" style="margin-top: 30px !important;">Reset</a>
                            <!-- <a href="{{ route('admin.generate-restock-email') }}" class="btn btn-primary ml-2 generateRestockEmail" style="margin-top: 30px !important;float: right;" id="generateRestockEmail">+ Generate New</a> -->
                            <!-- <a href="{{ route('admin.restock-email-send') }}" class="btn btn-success" style="margin-top: 30px !important;float: right;" id="startSending" disabled>Send Email</a> -->
                            <!-- <a href="#" class="btn btn-success startSending" style="margin-top: 30px !important;float: right;" id="startSending" disabled>Send Email</a> -->
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- <div id="Loading">
            <h4>Loading....</h4>
        </div> -->
        <div class="card">
            <div class="card-body">
                <div class="table-responsive ">
                    <table class="table table-bordered restockemail-datatable" >
                        <thead class="thead-dark">
                            <tr>
                                @foreach ($columns_list_header as $c)
                                <th class="noSearch">{{ $c }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>


<script type="text/javascript">
  var table ="";
  var dataPreference = "{{ $dataPreferencejson }}";

    $(function () {

     table = $('.restockemail-datatable').DataTable({
            searching: false,
            processing: true,
            serverSide: true,
            order: [[1, 'desc']],
            "autoWidth" : false,
            ajax: {
                url: "{{ route('admin.restock-email') }}",
                type: "get",
                data: function (data) {
                    delete data.columns;
                    data.search_emailaddress = "{{ $emailaddress }}";
                    data.search_is_send = "{{ $is_send }}";
                    data.search_batch_id = "{{ $batch_id }}";
                    data.is_order_total = "{{ $is_order_total }}";

                }
            },
            columns: [
                                        {
                        data: null,
                        render: function ( data, type, row ) {

                            return '<a href="order-receipt/'+ data.orderid +'">'+ data.orderid +'</a>';
                        },
                        orderable: false
                    }
                   ],
            "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        }, { targets: '_all', width:'30px' },{ visible: false, targets: JSON.parse(dataPreference) } ],


        });
    });

    // $(function () {
    //     $(".generateRestockEmail").click(function(e) {
    //         e.preventDefault();
    //         $("#Loading").show();

    //         setTimeout(function() {
    //             $("#Loading").hide();
    //         }, 5000);

    //     });
    // });
    $('.generateRestockEmail').click(function(){
        $(this).attr('disabled', 'disabled');
        $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> <span class="visually-hidden">Generate Now...</span>');
    });
    $('.startSending').click(function(){
        $(this).attr('disabled', 'disabled');
        $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> <span class="visually-hidden">Email Sending...</span>');
    });
  </script>


@endsection