@extends('layouts.rider')

@section('content')

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
            <center><h4 class="my-2">WAREHOUSE PARCELS</h4>

                <div class="card-header pb-0">
                    
                    <h6>Parcels For Delivery</h6>
                </div>


                <p class="text-sm mb-0">
                    <i class="fa fa-check text-info ms-4" aria-hidden="true"></i>
                    <span class="font-weight-bold ms-2">{{ $assignedOrders->whereNotIn('status', [0, 1, 2, 3])->count() }}</span> assigned to you
                </p>
                

                <div class="card-body px-0 pb-2">
                    <div class="table-responsive">
                        <table class="table align-items-center mb-0">
                            <thead>
                                <tr>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Tracking Number</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Seller</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Barangay</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Municipal</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Status</th>

                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Total Amount</th>

                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Date</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($assignedOrders->whereNotIn('status', [0, 1, 2, 3, 4, 8, 9, 10, 11, 12, 13, 14, 15, 16]) as $order)
                                    <tr>
                                        <td class="text-sm">
                                                <a href="{{ url("rider/view-riderorder/".$order->id) }}">{{ $order->tracking_no }}</a>
                                        </td>
                                        <td class="text-sm">
    @php
        $orderItem = $order->orderItems->first();

        if ($orderItem && $orderItem->product) {
            $productOwner = $orderItem->product->user;
            echo ($productOwner) ? $productOwner->shop_name : 'Shop Not Found';
        } else {
            echo 'Shop Not Found';
        }
    @endphp
</td>




<td class="text-sm">
@if ($order->address2)
            {{ $order->address2 }}
        @else
            {{ $order->user->barangay }}
        @endif
</td>
<td class="text-sm">
{{ $order->municipal }}

</td>

<td class="text-sm">
    @if ($order->status == '0')
        <a class="badge bg-warning text-dark">Pending</a>
    @elseif ($order->status == '1')
        <a  class="badge bg-info text-white">Approved Order</a>
    @elseif ($order->status == '2')
        <a  class="badge bg-primary text-white">Seller Preparing items</a>
    @elseif ($order->status == '3')
        <a  class="badge bg-secondary text-white">Scheduled for Pickup</a>
    @elseif ($order->status == '4')
    <a  
   class="badge bg-success text-white"
   onclick="updateStatusAndNullifyRider(event, {{ $order->id }});">
   Picked up
</a>

@elseif ($order->status == '5')

    <a class="badge bg-success text-white"
>Parcel is in Sorting Facility
   
</a>

    @elseif ($order->status == '6')
        <a class="badge bg-success text-white">Parcel has been shipped</a>
    @elseif ($order->status == '7')
        <a class="badge bg-primary text-white">Parcel is in {{$order->municipal}} warehouse</a>
  


</div>

    @elseif ($order->status == '11')
        <a  class="badge bg-info text-white">Cancelled Order</a>
    @elseif ($order->status == '12')
        <a class="badge bg-info text-white">Back to Seller</a>
    @elseif ($order->status == '13')
        <span class="badge bg-info text-white">Delivered</span>
    @else
        <span class="badge bg-danger text-white">Delivered</span>
    @endif                                            </center>
                                        </td>


                                        <td class="text-sm">
                                            ₱ {{ number_format($order->total_price,  2, '.', ',') }}
                                        </td>
                                        
                                        <td class="text-sm">
                                           {{ $order->created_at->format('d M h:i A') }}
                                        </td>
                                        <td class="text-sm">
    @if ($order->status == '0')
        <a>Pending</a>
    @elseif ($order->status == '1')
        <a  class="badge bg-info text-white">Approved Order</a>
    @elseif ($order->status == '2')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 2]) }}" class="badge bg-primary text-white">Seller Preparing items</a>
    @elseif ($order->status == '3')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 4]) }}" class="badge bg-secondary text-white">Scheduled for Pickup</a>
    @elseif ($order->status == '4')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 5]) }}" class="badge bg-success text-white" onclick="return confirm('Are you sure you want to change the status?')">Change Status</a>
    @elseif ($order->status == '5')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 6]) }}" class="badge bg-success text-white" onclick="return confirm('Are you sure you want to change the status?')">Change Status</a>
    @elseif ($order->status == '6')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 7]) }}" class="badge bg-success text-white" onclick="return confirm('Change Status to Parcel is in Warehouse?')">Change Status</a>
    @elseif ($order->status == '7')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 8]) }}" class="badge bg-success text-white" onclick="return confirm('Change Status?')">Change Status</a>
  


</div>

    @elseif ($order->status == '11')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 12]) }}" class="badge bg-info text-white">Cancelled Order</a>
    @elseif ($order->status == '12')
        <a href="{{ route('update-status', ['orderId' => $order->id, 'newStatus' => 12]) }}" class="badge bg-info text-white">Back to Seller</a>
    @elseif ($order->status == '13')
        <span class="badge bg-info text-white">Delivered</span>
    @else
        <span class="badge bg-danger text-white">Delivered</span>
    @endif                                            </center>
                                        </td>
                                    </tr>

                                    @if ($order->status === 3)
                                        <tr>
                                            <td colspan="5">
                                                <center>
                                                    <form action="{{ route('reject.order') }}" method="POST" class="d-inline">
                                                        @csrf
                                                        <input type="hidden" name="order_id" value="{{ $order->id }}">
                                                        <!-- <button type="submit" class="btn btn-sm btn-danger mt-2" id="rejectButton">Reject</button> -->
                                                    </form>
                                                </center>
                                            </td>
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    <div class="col-lg-12 col-md-12">
        <div class="card">
            <div class="card-header pb-0">

            <div class="mb-3">
    <label for="addressFilter" class="form-label">Filter by Address:</label>
    <select class="form-select" id="addressFilter">
        <option value="">All Addresses</option>
      
    </select>
</div>

                <h6>Available Parcels</h6>
            </div>
            <div class="card-body px-0 pb-2">
                <div class="table-responsive">
                    <form action="{{ route('accept.all.warehousedeliveryorders') }}" 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"> Check All
                                    </th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"><center>Tracking Number</th>

                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"><center>Shop Name</th>

                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"><center>Barangay</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"><center>Municipal</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"><center>Status</th>

                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"><center>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach ($allOrders as $order)
                                    @if ($order->status === 5)
                                        <tr>
                                            
                                            <td class="text-sm">
                                                <center>
                                                    <input type="checkbox" name="order_ids[]" class="order-checkbox" value="{{ $order->id }}">
                                                </center>
                                            </td>
                                            <td class="text-sm">
                                                {{ $order->tracking_no}}
                                            </td>
                                           


                                            @php
    $orderItems = $order->orderItems;

    if ($orderItems->isNotEmpty()) {
        $orderItem = $orderItems->first();

        if ($orderItem && $orderItem->product) {
            $productOwner = $orderItem->product->user;

        } 
    }
@endphp
                                            <td class="text-sm">
           <center>
             @php
           $product = $order->orderItems->first()->product;
             $shopName = $product->user->shop->shop_name ?? 'N/A';
            @endphp
           <a>{{ $shopName }}</a> </center>
              </td>

<td>
<center>
            {{ $order->user->barangay }}
</center>
                                        </td>
                                        <td class="text-sm">
                                            <center>{{ $order->municipal}}</center>
                                        </td>

                                           <td>
                                           <center>
                                           @if ($order->status == '0')
        <a class="badge bg-warning text-dark">Pending</a>
    @elseif ($order->status == '1')
        <a class="badge bg-info text-white">Approved Order</a>
    @elseif ($order->status == '2')
        <a  class="badge bg-primary text-white">Seller Preparing items</a>
    @elseif ($order->status == '3')
        <a class="badge bg-secondary text-white">Scheduled for Pickup</a>
    @elseif ($order->status == '4')
        <a class="badge bg-success text-white">Picked up</a>
    @elseif ($order->status == '5')
        <a class="badge bg-success text-white">Parcel is in sorting facility</a>
    @elseif ($order->status == '6')
        <a class="badge bg-success text-white">Parcel has been shipped</a>
    @elseif ($order->status == '7')
        <a class="badge bg-primary text-white">Parcel is in {{$order->user->municipal}} warehouse</a>
  


</div>
@endif
                                             </td>
                                         
                                            <td class="text-sm">
                                                {{ $order->created_at->format('d M h:i A') }}
                                            </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>
                    
                    <!-- {!! $orders->links('pagination::bootstrap-4') !!} -->

            </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const checkAllCheckbox = document.getElementById('checkAllReceive');
        const orderCheckboxes = document.querySelectorAll('.order-checkbox');
        const acceptAllButton = document.getElementById('acceptAllButton');
        const acceptAllForm = document.getElementById('acceptAllForm');

        checkAllCheckbox.addEventListener('change', function () {
            orderCheckboxes.forEach((checkbox) => {
                checkbox.checked = checkAllCheckbox.checked;
            });
        });

        orderCheckboxes.forEach((checkbox) => {
            checkbox.addEventListener('change', function () {
                // Enable or disable the "Accept All" button based on the number of selected orders
                const selectedOrders = document.querySelectorAll('.order-checkbox:checked');
                acceptAllButton.disabled = selectedOrders.length === 0;
            });
        });

        acceptAllButton.addEventListener('click', function () {
            acceptAllForm.submit();
        });
    });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const addressFilter = document.getElementById('addressFilter');
        const tableRows = document.querySelectorAll('.table tbody tr');

        addressFilter.addEventListener('change', function () {
            const selectedAddress = addressFilter.value;

            tableRows.forEach((row) => {
                const addressCell = row.querySelector('td:nth-child(3)'); // Assuming the address is in the third column (adjust accordingly)

                if (selectedAddress === '' || addressCell.textContent.trim() === selectedAddress) {
                    row.style.display = ''; // Show the row
                } else {
                    row.style.display = 'none'; // Hide the row
                }
            });
        });
    });
</script>




@endsection