@extends('admin.layout.master')

@section('content')

<style>
    a[disabled="disabled"] {
        pointer-events: none;
        background: #8ecf9d;
    }
</style>
    <!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Restock Emails</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</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>

<div class="content">
    @foreach (['danger', 'warning','success','success1', 'info'] as $msg)

    @if(Session::has('alert-' . $msg))
        @if($msg == 'success1')
            @php
                $msg = 'success';
            @endphp
        @endif
    <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">
                            {{ number_format($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">
                            {{ number_format($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">{{ number_format($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">{{ number_format($clicks) }}</span>
                    </div>
                </div>
            </div>
        </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.restock-email-batches') }}" id="frm_search" method="get">
                <div class="row mb-2">
                        <div class="col-md-2">
                            <div class="form-group m-2">
                                <label for="form-label">Batch Id</label>
                                <input type="text" name="batch_id" id="batch_id" value="{{ $batch_id }}" class="form-control" placeholder="Search Batch Id">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group m-2">
                                <label for="form-label">Date</label>
                                <input type="date" name="date" id="date" value="{{ $date }}" class="form-control" placeholder="Review Date">
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="m-2">
                                <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Search</button>
                                <a class="btn btn-warning" href="{{ route('admin.restock-email-batches') }}" 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>
                            </div>
                        </div>

                </div>
            </form>
        </div>
    </div>


    <div class="card">
        <div class="card-body">
            <div class="table-responsive ">
                <table class="table table-bordered restock-email-datatable" >
                    <thead class="thead-dark">
                        <tr>
                            @foreach ($columns_list_header as $c)
                            <th class="noSearch">{{ $c }}</th>
                            @endforeach
                            <th class="noSearch">View</th>
                            <th class="noSearch">Send Email</th>
                        </tr>
                    </thead>

                </table>
            </div>
        </div>
    </div>
</div>

<script>



</script>

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

    $( document ).ready(function() {
        var
       table = $('.restock-email-datatable').DataTable({
              searching: false,
              processing: true,
              serverSide: true,
              order: [[0, 'desc']],
              "autoWidth" : false,
              ajax: {
                  url: "{{ route('admin.restock-email-batches') }}",
                  type: "get",
                  data: function (data) {
                    delete data.columns;
                    data.search_batch_id = "{{ $batch_id }}";
                    data.search_date = "{{ $date }}";
                }

              },
              columns: [
                                              {
                            data: null,
                            render: function ( data, type, row ) {
                                var batch_id = data.batch_id;
                                var viewurl = "{{ route('admin.restock-email') }}";
                                viewurl = viewurl + '?batch_id='+batch_id;
                                return '<a class="btn btn-primary" href="'+ viewurl +'" >View</a>';
                            },
                        },
                        {
                            data: null,
                            render: function ( data, type, row ) {
                                var batch_id = data.batch_id;

                                if(data.is_send == '0'){
                                    if(data.user_id != '0'){
                                        var viewurl = "{{ route('admin.restock-email-send') }}";
                                        viewurl = viewurl + '?batch_id='+batch_id;
                                        return '<a class="btn btn-success senEmailBtn startSending" href="'+ viewurl +'" >Send Email</a>';
                                    }else{
                                        return '-';
                                    }
                                }else if(data.is_send == '2'){
                                    return 'Email Sent Processing';
                                }else{
                                    return 'Email sent';
                                }

                            },
                        }
                      ],
              "columnDefs": [  { targets: '_all', width:'30px' },{ visible: false, targets: JSON.parse(dataPreference) }
                            ],

          });

  });

    $('.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