@extends('layouts.admin')

@section('content')
@include('include.datatable-css')

<section class="pc-container">
    <div class="pc-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item">
                                Tiffins Management
                            </li>
                            <li class="breadcrumb-item">
                                Packing Labels
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row pt-0 mb-1">
            <div class="col-md-12 col-xl-6 text-end">
                <div class="d-flex justify-content-between">

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

        <div class="row">
            <div class="col-md-12 col-xl-8">
                <form action="{{ route('exportPackingLabels') }}" method="post">
                    @csrf
                <div class="row mb-2">
                    <div class="col-3">
                        <input type="date" value="{{$date}}" id="date" name="date" class="form-control" />
                    </div>
                    <div class="col-3">
                        <select name="route_id" id="route_id" class="form-control" placeholder="Select Route">
                            <option value="">Select route</option>
                            @foreach($routes as $route)
                            <option value="{{$route->id}}">{{$route->title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-3">
                        <input type="button" name="view" class="btn btn-primary" id="show" value="Show" />
                    </div>
                    <div class="col-3 text-end">
                        <input type="submit" name="export" class="btn btn-primary" value="Export" />
                    </div>
                </div>
                </form>
                <div class="card">
                    <div class="card-body pt-4 row">

                        <div class="mb-4">
                            <h4 class="">
                                Packing Labels
                            </h4>
                        </div>
                        <div class="table-responsive">
                            <p>No tiffin !</p>
                        </div>



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

</section>
<script>
    $(document).on('click', '#show', function() {
        date = $('#date').val();
        route_id = $('#route_id').val();

        $.ajax({
            type: 'GET',
            url: "{{ route('getPackingLabels') }}",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                date: date,
                route_id: route_id
            },
            success: function(data) {
                $('.table-responsive').html(data);
            }
        });

    });
    

</script>
@endsection