@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            SteadFast Courier Sent List
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">SteadFast Courier Sent List</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
        @endif
        <div class="row">

            <div class="col-xs-12">
                <div class="box box-body">
                    <div class="row">


                        <div class="form-group col-md-1" style="width: 153px;">
                            {!! Form::label('from_date', 'From Date') !!}
                            {!! Form::date('from_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'from_date']) !!}
                        </div>

                        <div class="form-group col-md-1" style="width: 153px;">
                            {!! Form::label('to_date', 'To Date') !!}
                            {!! Form::date('to_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'to_date']) !!}
                        </div>

                        <div class="form-group col-md-1" style="width: 153px;">
                            {!! Form::label('status', 'Status') !!}
                            {!! Form::select('status', ['All'=>'All', 'pending' => 'pending','sent'=>'sent' ,'failed' => 'failed'], null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'status']) !!}
                        </div>

                         <div class="col-md-1" style="width: 274px;padding-top: 22px;">
                            {!! Form::button('Search',['class' => 'btn btn-primary btn-order-search', 'id'=> 'search_btn']) !!}
                            {!! Form::button('Reset',['class' => 'btn btn-danger btn-order-search', 'id'=> 'reset_btn']) !!}
                            <button class="btn btn-primary btn-order-search" type="button" id="print_sent_report_btn">Print Report</button>
                        </div>




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



            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">
                        <h3 class="box-title"></h3>
                        <div class="box-tools">
                            <div class="input-group input-group-sm" style="width: 150px;">

                            </div>
                        </div>
                    </div>
                    <div class="box-body table-responsive">

                        <table class="table table-hover" id="st_fast_sent_list_table">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Order ID</th>
                                <th>INV-Bill-No</th>
                                <th>Name</th>
                                <th>Phone</th>
                                <th>Address</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div id="print_div" style="visibility: none;"></div>
@endsection

@section('javascripts')
    <script type="text/javascript">
        $(document).ready(function () {
            let stFastSentListTable = $('#st_fast_sent_list_table').DataTable({
                                        "processing": true,
                                        "serverSide": true,
                                        "ajax": {
                                            url: "{{ route('stFastSentListData') }}",
                                            data: function (d) {
                                                d.from_date = $('#from_date').val();
                                                d.to_date = $('#to_date').val();
                                                d.status  = $('#status').val();
                                            },
                                        },
                                        "order": [[0, "DESC"]],
                                        "columns": [
                                            {data: 'id'},
                                            {data: 'order_id'},
                                            {data: 'inv_bill_no'},
                                            {data: 'customer_name'},
                                            {data: 'customer_phone'},
                                            {data: 'customer_address'},
                                            {data: 'amount', searchable: false},
                                            {data: 'status', searchable: false},
                                            {data: 'created_at', searchable: false}
                                        ]
                                    });




        $("#search_btn").click(function() {
            let from_date = new Date($('#from_date').val());
            let to_date = new Date($('#to_date').val());
            let daysDiff = parseInt((to_date - from_date) / (1000 * 60 * 60 * 24), 10);

            if (parseInt(daysDiff) < 0) {
                alert('Please select from date must be less than to date');
            } else {
                stFastSentListTable.draw();
            }
        });

        $("#reset_btn").click(function() {
            window.location.reload();
        });


        function MyPrint(id)
        {
            console.log('MyPrint >>> ', id)

            // var MyWin = window.open('','','left=0, top=0, height=100, width=100');
            var MyWin = window.open('','' );
            window.focus();
            var Data = document.getElementById(id).innerHTML.toString();
            MyWin.document.write(Data);
            MyWin.document.close();
            MyWin.print();
            MyWin.close();
            $('#print_div').html('')
        }



        function printSentList(reqObject) {
            console.log("printSentList clicked >> ", reqObject )
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
              type:'GET',
            //   xhrFields: {responseType: "blob"},
              url: "{{ url('/admin/stead-fast-sent-list-print') }}?from_date=" + reqObject.from_date + "&to_date=" + reqObject.to_date + "&status=" + reqObject.status,
              data: reqObject,
              success:function(res) {
                    console.log('server-response >> ', res)
                    $('#print_div').html('');
                    $('#print_div').html(res.data);
                    MyPrint('print_div');

                    // var blob = new Blob([res], {type: "application/pdf"});
                    // // build a blob URL
                    // var bloburl = window.URL.createObjectURL(blob);
                    // // trigger download for edge
                    // var link = $("<a>").attr({href: bloburl, download:  "sent_list.pdf"}).click();
                    // // trigger download for other browsers
                    // window.open(bloburl);
                }
            });
        }


        $("#print_sent_report_btn").click(function() {
            let from_date = $('#from_date').val();
            let to_date = $('#to_date').val();
            let status = $('#status').val();
            printSentList({ from_date: from_date, to_date: to_date, status: status });
        });

    });
    </script>
@endsection