@extends('layouts.rider')

@section('content')
@if(Auth::user()->role_as == 11)
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-warning" role="alert">
                Application is still in progress. Please wait for your Application to be accepted.
            </div>
        </div>
    </div>
</div>
@else
<div class="container-fluid py-4">

@if(session('error'))
<div class="alert alert-danger" role="alert">
    {{ session('error') }}
</div>
@endif

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="mb-3">
                        <h4>AVAILABLE FOR DELIVERY</h4>
                        @if($activeAddress = Auth::user()->addresses()->where('is_active', 1)->first())
                            <h5>{{ $activeAddress->municipal }} PARCELS PICK-UP LOCATIONS</h5>
                        @endif
                        <form action="{{ route('filter.orders') }}" method="POST">
                            @csrf
                            <label for="addressFilter" class="form-label">Filter by Barangay:</label>
                            <select class="form-select" id="addressFilter" name="addressFilter" onchange="filterTable()">
                                <option value="">All Barangays</option>
                                @foreach($barangays as $barangay)
                                    <option value="{{ $barangay }}">{{ $barangay }}</option>
                                @endforeach
                            </select>
                        </form>
                    </div>
                </div>

                <style>
                    .adjustable-font-size {
                        font-size: 0.8vw; /* Adjust based on the viewport width */
                    }
                </style>
                <div class="card-body px-0 pb-2">
                    <div class="table-responsive">
                        <form action="{{ route('accept.all.orders') }}" method="POST" id="acceptAllForm">
                            @csrf
                            <table class="table align-items-center mb-0">
                                <thead>
                                    <tr>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <input type="checkbox" id="checkAllReceive" onchange="toggleCheckboxes()">
                                            Check All
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <center>Tracking Number</center>
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <center>Shop Name</center>
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <center>To Customer Barangay</center>
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <center>Seller To Pickup Barangay</center>
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <center>Municipal</center>
                                        </th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                            <center>Date</center>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($matchingAddressOrders as $order)
                                        @if ($order->status === 3)
                                            <tr class="order-row" data-barangay="{{ strtolower($order->address->barangay) }}">
                                                <td class="text-sm">
                                                    <center>
                                                        <input type="checkbox" name="order_ids[]" class="order-checkbox" value="{{ $order->id }}">
                                                    </center>
                                                </td>
                                                <td>
                                                    <center>
                                                        <a>{{ $order->tracking_no }}</a>
                                                    </center>
                                                </td>
                                                <td>
                                                    <center>
                                                        @php
                                                        $product = $order->orderItems->first()->product;
                                                        $shopName = $product->user->shop->shop_name ?? 'N/A';
                                                        @endphp
                                                        <a>{{ $shopName }}</a>
                                                    </center>
                                                </td>
                                                <td class="text-sm">
                                                    <center>
                                                        @php
                                                        $address = $order->address;
                                                        @endphp

                                                        @if($address)
                                                            {{ $address->barangay }}
                                                        @else
                                                            Location not found
                                                        @endif
                                                    </center>
                                                </td>
                                                <td class="text-sm">
                                                    <center>
                                                        @php
                                                        $product = $order->orderItems->first()->product;
                                                        $shopBarangay = $product->user->shop->barangay ?? 'N/A';
                                                        @endphp
                                                        <a>{{ $shopBarangay }}</a>
                                                    </center>
                                                </td>
                                                <td class="text-sm">
                                                    @php
                                                    $product = $order->orderItems->first()->product;
                                                    $shopMunicipal = $product->user->shop->municipal ?? 'N/A';
                                                    @endphp
                                                    <center>{{ $shopMunicipal }}</center>
                                                </td>
                                                <td class="text-sm">
                                                    <center>{{ $order->created_at->format('d M h:i A') }}</center>
                                                </td>
                                            </tr>
                                        @endif	
                                    @endforeach
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-success mt-2 ms-4"> ✔ Accept</button>
                            <input type="hidden" name="rider_id" value="{{ auth()->user()->id }}">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endif
<script>
    function toggleCheckboxes() {
        var checkboxes = document.querySelectorAll('.order-checkbox');
        var checkAllCheckbox = document.getElementById('checkAllReceive');

        checkboxes.forEach(function (checkbox) {
            checkbox.checked = checkAllCheckbox.checked;
        });

        // Limit checkboxes after toggling
        limitCheckboxes();
    }

    function filterTable() {
        var selectedBarangay = document.getElementById('addressFilter').value.toLowerCase();
        var rows = document.querySelectorAll('.order-row');

        rows.forEach(function (row) {
            var rowBarangay = row.getAttribute('data-barangay').toLowerCase();

            if (selectedBarangay === '' || rowBarangay === selectedBarangay) {
                row.style.display = '';
            } else {
                row.style.display = 'none';
            }
        });

        // Uncheck the "Check All" checkbox when filtering
        document.getElementById('checkAllReceive').checked = false;
    }
</script>
@endsection