@extends('layouts.master')

@section('page_title', 'Deliver Performance')
@section('title', 'Deliver Performance')
@section('main_item', 'Reports')
@section('sub_item', 'Deliver Performance')
@section('content')
{{-- {{ dd($users) }} --}}
<div class="col-12">
    <div class="card">
        <div class="card-body">
            <div class="h5">Filters</div>
            <form method="GET" action="{{ route('deliver_performance') }}">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">User Name</label>
                            <select class="form-control select2" id="id" name="user_id">
                                <option value="">Choose User Name</option>
                                
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" 
                                        {{ (request('user_id') ?? Auth::id()) == $user->id ? 'selected' : '' }}>
                                        {{ $user->full_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label style="font-weight: bold" for="reportrange">Date</label>
                            <div class="input-group">
                                <select class="form-control" name="dates" id="dates">
                                    <option value="3" {{ request('dates') == '3' ? 'selected' : '' }}>3 Days ago</option>
                                    <option value="7" {{ request('dates') == '7' ? 'selected' : '' }}>7 Days ago</option>
                                    <option value="10" {{ request('dates') == '10' ? 'selected' : '' }}>10 Days ago</option>

                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">Filter</button>
            </form>
        </div>
    </div>
</div>
<div class="col-12">
    <div class="card">
        <div class="card-body">
            <div class="h5">Summery</div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label style="font-weight: bold" for="reportrange">Delivery Pending %</label>
                        <div class="input-group">
                            <input type="text" class="form-control" value="{{ $deliver_percentage }}" readonly>
                            
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label style="font-weight: bold" for="reportrange">Deliver Product Count</label>
                        <div class="input-group">
                            <input type="text" class="form-control" value="{{ $deliver_count }}" readonly>
                            
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label style="font-weight: bold" for="reportrange">Total Oders</label>
                        <div class="input-group">
                            <input type="text" class="form-control" value="{{ $total_order_count }}" readonly>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive dash-social">
                    <table id="laravel_datatable" class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Waybill ID</th>
                                <th>Mobile</th>
                                <th>Note</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sales as $sale)
                                
                            
                            <tr>
                                <td>{{ $sale->full_waybill_no }}</td>
                                <td>
                                    <a href="tel:{{ $sale->mobile }}">
                                        {{ '0'.$sale->mobile }}
                                    </a>
                                </td>
                               
                                <form action="{{ route('deliver_issue') }}" method="POST">
                                    @csrf <!-- This generates a CSRF token for security -->
                                    <input type="hidden" name="id" value="{{ $sale->id }}">
                                    <td>
                                        <select class="form-control" name="issue_type">
                                            <option value="">Select Issue</option>
                                            <option value="courier_issue" {{ $sale->note === 'courier_issue' ? 'selected' : '' }}>Courier Issue</option>
                                            <option value="ns_issue" {{ $sale->note === 'ns_issue' ? 'selected' : '' }}>NS Issue</option>
                                            <option value="cus_issue" {{ $sale->note === 'cus_issue' ? 'selected' : '' }}>CUS Issue</option>
                                            <option value="date_change" {{ $sale->note === 'date_change' ? 'selected' : '' }}>Date/lo. Change</option>
                                        </select>
                                    </td>
                                    <td>
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                    </td>
                                </form>
                            
                            </tr>
                            @endforeach
                        </tbody>
                        {{-- <tfoot>
                            <tr>
                                <th style="font-weight: bold">Total</th>
                                <th colspan=""></th>
                                <th colspan=""> </th>
                                <th colspan=""> </th>
                            </tr>
                        </tfoot> --}}
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
<script>
    $(document).ready(function() {
        // Initialize the date range picker with "Last 10 Days" as the default range
        $('#reportrange').daterangepicker({
            locale: { format: 'YYYY-MM-DD' },
            autoUpdateInput: false,
            startDate: moment().subtract(9, 'days'), // Default start date (10 days ago)
            endDate: moment(),                       // Default end date (today)
            ranges: {
                'All Data': [moment().subtract(10000, 'days'), moment()],
                'Today': [moment(), moment()],
                'Tomorrow': [moment().add(1, 'days'), moment().add(1, 'days')],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 10 Days': [moment().subtract(9, 'days'), moment()], // Adjusted to 10 days
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            }
        });

        // Check if a previous date range exists in the request
        let previousDate = "{{ request('dates-d') }}";
        if (previousDate) {
            $('#reportrange').val(previousDate);
            if (previousDate === 'All Data') {
                $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(10000, 'days'));
                $('#reportrange').data('daterangepicker').setEndDate(moment());
            } else {
                let dates = previousDate.split(' - ');
                $('#reportrange').data('daterangepicker').setStartDate(dates[0]);
                $('#reportrange').data('daterangepicker').setEndDate(dates[1]);
            }
        } else {
            // Set default "Last 10 Days" if no previous date is found
            $('#reportrange').val(
                moment().subtract(9, 'days').format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD')
            );
        }

        // Update input field when a range is selected
        $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
            if (picker.chosenLabel === 'All Data') {
                $(this).val('All Data');
                // Set the input value directly for "All Data"
                $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(10000, 'days')); // Optional, you can leave it out
                $('#reportrange').data('daterangepicker').setEndDate(moment()); // Optional, you can leave it out
            } else {
                $(this).val(picker.startDate.format('YYYY-MM-DD') + ' - ' + picker.endDate.format('YYYY-MM-DD'));
            }
        });
    });
</script>
@endsection