@extends('layouts.app')

@section('content')

<div class="mb-4 d-flex">
    <h3 class="text-muted my-auto"><b><i class="fas fa-recycle mr-2"></i>Refused Shipments</b></h3>
</div>

<div class="card mt-2">
    <div class="card-body">
        <h3>{{ date('d M, Y', strtotime(explode(' ', now())[0])) }}</h3>
        <form action="{{ URL::to('refuse_shipment_sheet') }}" method="post">
        @csrf
            <div class="row">
                <div class="col">
                    <input type="date" name="date_from" class="form-control new_date_from" placeholder="Date From">
                </div>
                <div class="col">
                    <input type="date" name="date_to" class="form-control new_date_to" placeholder="Date To">
                </div>
            </div>
            <!-- <a href="{{ URL::to('refuse_shipment_sheet') }}" class="btn btn-primary mt-3">Generate Sheet</a> -->
            <button type="submit" class="btn btn-primary redirect mt-3">Generate Sheet</button>
        </form>
        {{-- <table id="datatable" class="datatable table table-hover table-center mb-0">
            <thead>
                <tr>
                    <th>Shipment #</th>
                    <th>Order #</th>
                    <th>Status</th>
                    <th>Shipping Courier</th>
                    <th>Call Center Action</th>
                    <th>Reason</th>
                </tr>
            </thead>
            <tbody>
        </table> --}}
    </div>
</div>

@endsection

@section('script')
<script>
    var table = $('#datatable').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ URL::to('shipment/refused_shipments') }}",
        columns: [
            {data: 'shipment_number', name: 'shipment_number'},
            {data: 'order_number', name: 'order_number'},
            {data: 'shipment_status', name: 'shipment_status'},
            {data: 'shipping_courier', name: 'shipping_courier'},
            {data: 'call_center_action', name: 'call_center_action'},
            {data: 'reason', name: 'reason'}
        ]
    });

    // date_from = $('date_from').val();
    // date_to = $('date_to').val();
    // var from = '?date_from='+date_from;
    // var to = '&date_to='+date_to;

    // url = "{{ URL::to('shipment/refused_shipments') }}"
    // url2 = '';
    // final_url = '';

    // console.log($('date_from').val());

    // $('.new_date_from').change(function(){
    //     var date_from = $(this).val();
    //     url2 = url+'?date_from='+date_from;
    // });

    // $('.new_date_to').change(function(){
    //     var date_to = $(this).val();
    //     final_url = url2+'&date_to='+date_to;
    //     console.log(final_url);
    // });
    
    // $('.redirect').click(function() {
    //     window.location.replace(final_url);
    // });
</script>
@endsection