@extends('layouts.app')
@section('content')
    @if (session()->has('message'))
        <div class="alert alert-success">{{ session()->get('message') }}</div>
    @endif
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    <div class="card forms-card">
        <div class="card-body">
            <div class="basic-form">
                <div class="outer-div">
                    <div class="srchBox_wraper justify-content-end mt-3 mb-3">
                        <div class="right-panel-btn text-left">
                            <h5>Pickup Dates</h5>
                        </div>

                    </div>

                    <div class="table-responsive custom-table-s1">
                        <table class="participant_table" width="100%">
                            <thead>
                                <tr>
                                    <th width="40%">Date</th>
                                    <th width="20%">Total Applications</th>
                                    <th width="20%">Download</th>                                    
                                    <th width="20%">Print Labels</th>                                    
                                </tr>
                            </thead>

                            <tbody>
                                @forelse($pickup_date as $key => $value)
                                <tr>
                                    <td>{{ \Carbon\Carbon::parse($key)->format('F d, Y') }}</td>
                                    <td>{{ $value }}</td>                                   
                                    <td><button class="btn btn-info" type="button" onclick="export_list('csv', '{{ $key }}')">Download</button></td>     
                                    <td><button class="btn btn-info" type="button" onclick="export_pdf_list('{{ $key }}')">Get PDF</button></td>     
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="3">No record found...</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div> 
@endsection
<script type="text/javascript">

    function export_list(export_type, dt){
        var date = dt ;
        var url = "{{ route('backend.pickupDateExport')}}";
        location.href = url+'?date='+date;
    }

    function export_pdf_list(pickup_date) {
        console.log(pickup_date);
        event.preventDefault();
        const url = "{{ route('backend.generate-pickupDate-pdf')}}";
        const targeturl = url + '?pickup_date=' + pickup_date;
        window.open(targeturl, '_blank'); // Open the URL in a new tab
        
    }
</script>