@extends('layouts.admin.app')

@section('content')

    <main id="main" class="main">
        @if( Session::get('permissions.user_type') == 'A' || Session::get('permissions.user_type') == 'SA')
            <div class="pagetitle">
              <h1>Order Details</h1>
              <!-- <nav>
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item">Tables</li>
                  <li class="breadcrumb-item active">General</li>
                </ol>
              </nav> -->
            </div><!-- End Page Title -->

            <section class="section">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                              <h5 class="card-title">Assign Orders</h5>

                                <!-- Default Table -->
                                <div class="table-responsive">
                                    <table id="zero_config" class="table table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th scope="col">Sr No</th>
                                                <th scope="col">Order Id</th>
                                                <th scope="col">Purchased Date</th>
                                                <th scope="col">Delivery Date</th>
                                                <th scope="col">Customer Name</th>
                                                <th scope="col">Order Status</th>
                                                <th scope="col">Products</th>
                                                <th scope="col">Agent Name</th>
                                                <th scope="col">Agent Status</th>
                                                <th scope="col">View</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $i = 0; @endphp
                                            @foreach($order as $orders)
                                                @php
                                                    $orderDetails = $order_details->where('order_id', $orders->id);

                                                    $productsForOrder = $products->whereIn('id', $orderDetails->pluck('product_id'));

                                                    $userDetails = $user->where('id', $orders->user_id)->first();

                                                    $agentAssingedDetails = $agent_assinged->where('OID',$orders->id);

                                                @endphp

                                                @if($orderDetails->isNotEmpty())
                                                    @php $i++; @endphp
                                                    <tr>
                                                        <th scope="row">{{ $i }}</th>
                                                        <td><b>{{ $orders->unique_order_id }}</b></td>
                                                        <td>{{ \Carbon\Carbon::parse($orders->purchase_date)->format('d F Y') }}</td>
                                                        <td>
                                                            @foreach($orderDetails as $deliveryDates)
                                                                {{ \Carbon\Carbon::parse($deliveryDates->delivery_date)->format('d F Y') }}<br>
                                                            @endforeach
                                                        </td>
                                                        <td>
                                                            @if($userDetails)
                                                                {{$userDetails->name}}
                                                            @endif    
                                                        </td>  
                                                        <td>
                                                            @if($orders->order_delivery_status == 'P')
                                                                <div style="background-color: #ffeb3b; padding: 5px 10px; border-radius: 5px; text-align: center;">
                                                                    PENDING
                                                                </div>
                                                            @elseif($orders->order_delivery_status == 'PC')
                                                                <div style="background-color: #03a9f4; padding: 5px 10px; border-radius: 5px; text-align: center;">
                                                                    PROCESS
                                                                </div>
                                                            @elseif($orders->order_delivery_status == 'CL')
                                                                <div style="background-color: #f44336; color: white; padding: 5px 10px; border-radius: 5px; text-align: center;">
                                                                    CANCELED
                                                                </div>
                                                            @elseif($orders->order_delivery_status == 'H')
                                                                <div style="background-color: #9e9e9e; color: white; padding: 5px 10px; border-radius: 5px; text-align: center;">
                                                                    HOLD
                                                                </div>
                                                            @elseif($orders->order_delivery_status == 'D')
                                                                <div style="background-color: #4caf50; color: white; padding: 5px 10px; border-radius: 5px; text-align: center;">
                                                                    Delivered
                                                                </div>
                                                            @elseif($orders->order_delivery_status == 'S')
                                                                <div style="background-color: #8bc34a; color: white; padding: 5px 10px; border-radius: 5px; text-align: center;">
                                                                    Shipped
                                                                </div>
                                                            @endif
                                                        </td>

                                                        <td>
                                                            <!-- Display all associated products for this order -->
                                                            {!! $productsForOrder->pluck('product_name')->implode('<br>') !!}
                                                        </td>
                                                        <td>
                                                            @foreach($agentAssingedDetails as $agents)
                                                                @foreach($agent as $agentDetails)
                                                                    @if($agents->agent_id == $agentDetails->id)
                                                                        <span style="font-weight: 600; font-family: Arial, sans-serif;">{{$agentDetails->name}}</span>
                                                                    @endif
                                                                @endforeach        
                                                            @endforeach
                                                        </td>
                                                        <td>
                                                            @foreach($agentAssingedDetails as $agents)
                                                                @if($agents->status == 'P')
                                                                    <div style="color: orange; font-weight: bold;">PENDING</div>
                                                                @elseif($agents->status == 'PC')
                                                                    <div style="color: blue; font-weight: bold;">PROCESS</div>
                                                                @elseif($agents->status == 'CL')
                                                                    <div style="color: red; font-weight: bold;">CANCELED</div>
                                                                @elseif($agents->status == 'H')
                                                                    <div style="color: gray; font-weight: bold;">HOLD</div>
                                                                @elseif($agents->status == 'D')
                                                                    <div style="color: green; font-weight: bold;">DELIVERED</div>
                                                                @elseif($agents->status == 'S')
                                                                    <div style="color: teal; font-weight: bold;">SHIPPED</div>
                                                                @endif
                                                            @endforeach
                                                        </td>
                                                        <!-- <td>
                                                            @if($orders->order_delivery_status == 'PC' || $orders->order_delivery_status == 'CL' || $orders->order_delivery_status == 'S' || $orders->order_delivery_status == 'D' || $orders->order_delivery_status == 'H')
                                                                <div>
                                                                    Agent Assigned
                                                                </div>
                                                            @else
                                                                <div>
                                                                    Agent Not Assigned Yet
                                                                </div>
                                                            @endif
                                                        </td> -->
                                                        <td><a href="{{ url('/admin/orders/view') }}/{{ $orders->id }}" class="btn btn-primary">VIEW</a></td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <!-- End Default Table Example -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif    
        
    </main><!-- End #main -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const table = document.querySelector("#zero_config");
            const dataTable = new simpleDatatables.DataTable(table, {
                sortable: true,
                fixedHeight: true,
                columns: [
                    { select: 5, sort: "desc" } // Sort by the 6th column (index 5) descending
                ]
            });
        });
    </script>

@endsection