@extends('layouts.master')
@section('title', 'Track Souvenir Requisition')

@section('style')
    <style>
    </style>
@endsection

@section('script')
    <script></script>
@endsection


@section('content')
    @include('layouts.header')

    @include('layouts.title')

    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <h2 class="display-5 fw-bold mb-3 text-center">Track Souvenir Requisition</h2>
            <p class="lead fs-lg text-center mb-8">
                ผู้ขอเบิกและผู้ดูแลระบบสามารถติดตามสถานะการอนุมัติคำขอได้ โดยระบุหมายเลขคำขอเบิกเพื่อตรวจสอบความคืบหน้า
            </p>

            {{-- Search Form --}}
            <div class="row justify-content-center mb-6">
                <div class="col-md-6">
                    <form action="{{ route('trackrequests') }}" method="GET">
                        <div class="input-group">
                            <input type="text" name="order_code" class="form-control"
                                placeholder="Enter Requisition Code (e.g., 2025/0012)" value="{{ request('order_code') }}"
                                required>
                            <button class="btn btn-primary" type="submit">Track</button>
                        </div>
                    </form>

                    {{-- Dropdown หากพบหลายรายการ --}}
                    @if (isset($orders) && $orders->count() > 1)
                        <div class="row justify-content-center mb-6">
                            <div class="col-md-6">
                                <form method="GET" action="{{ route('trackrequests') }}">
                                    <input type="hidden" name="order_code" value="{{ request('order_code') }}">
                                    <div class="input-group">
                                        <label class="input-group-text">เลือกคำขอ:</label>
                                        <select name="selected_order" class="form-select" onchange="this.form.submit()">
                                            @foreach ($orders as $order)
                                                <option value="{{ $order->order_id }}"
                                                    {{ request('selected_order') == $order->order_id ? 'selected' : '' }}>
                                                    {{ $order->order_code }} - {{ $order->order_customer_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </form>
                            </div>
                        </div>
                    @endif

                </div>
            </div>

            {{-- คำนวณขั้นตอน --}}
            @php
                $currentStatus = 1;
                $isRejected = false;

                if (isset($selectedOrder)) {
                    // ตรวจสอบสถานะ rejected ก่อน
                    if (in_array('rejected', [$selectedOrder->order_status, $selectedOrder->order_status_for_admin, $selectedOrder->order_status_for_supervisor, $selectedOrder->order_status_for_authorize])) {
                        $isRejected = true;
                    }

                    if ($selectedOrder->order_status == 'delivered') {
                        $currentStatus = 5;
                    } elseif ($selectedOrder->order_status == 'approved' || $selectedOrder->order_status_for_authorize == 'approved') {
                        $currentStatus = 4;
                    } elseif ($selectedOrder->order_status_for_supervisor == 'approved' && $selectedOrder->order_status_for_authorize == 'pending') {
                        $currentStatus = 3;
                    } elseif (
                        (in_array($selectedOrder->order_status_for_admin, ['approved', 'confirmed'])) &&
                        $selectedOrder->order_status_for_supervisor == 'pending'
                    ) {
                        $currentStatus = 2;
                    } elseif ($selectedOrder->order_status == 'pending' || $selectedOrder->order_status == 'submitted' || $selectedOrder->order_status_for_admin == 'pending') {
                        $currentStatus = 1;
                    }
                }
            @endphp

            {{-- Steps --}}
            <div class="row gx-lg-8 gx-xl-12 gy-6 process-wrapper line">
                @foreach ([
                        1 => ['title' => 'Submit Request', 'desc' => 'Requester ยื่นคำขอเบิกของที่ระลึกผ่านระบบ'],
                        2 => ['title' => 'Supervisor Approval', 'desc' => 'คำขออยู่ระหว่างการอนุมัติโดย Supervisor'],
                        3 => ['title' => 'Authorize Approval', 'desc' => 'คำขอผ่าน Supervisor แล้ว รอ Authorize อนุมัติ'],
                        4 => ['title' => 'Preparing for Shipment', 'desc' => 'คำขออนุมัติแล้ว กำลังจัดเตรียมของที่ระลึก'],
                        5 => ['title' => 'Delivered', 'desc' => 'ของที่ระลึกจัดส่งเรียบร้อยแล้ว'],
                    ] as $step => $data)
                    <div class="col-md-6 col-lg-3">
                        @if ($isRejected && $currentStatus < $step)
                            <span class="icon btn btn-circle btn-lg btn-danger pe-none mb-4">
                                <i class="uil uil-times"></i>
                            </span>
                        @else
                            <span
                                class="icon btn btn-circle btn-lg {{ $currentStatus >= $step ? 'btn-primary' : 'btn-soft-primary' }} pe-none mb-4">
                                <span class="number">{{ sprintf('%02d', $step) }}</span>
                            </span>
                        @endif
                        <h4 class="mb-1">{{ $data['title'] }}</h4>
                        <p class="mb-0">{{ $data['desc'] }}</p>
                    </div>
                @endforeach
            </div>

            <hr class="my-8" />

            {{-- Show search results --}}
            @if (isset($orders) && $orders->count() > 0)
                <div class="mt-5">
                    <h4>Results for: <strong>{{ request('order_code') }}</strong></h4>

                    <table class="table table-bordered mt-3">
                        <thead>
                            <tr>
                                <th>Order Code</th>
                                <th>Requester</th>
                                <th>Status (Admin)</th>
                                <th>Status (Supervisor)</th>
                                <th>Status (Authorize)</th>
                                <th>Request Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($orders as $order)
                                <tr>
                                    <td>{{ $order->order_code }}</td>
                                    <td>{{ $order->order_customer_name }}</td>
                                    <td>
                                        @if ($order->order_status_for_admin == 'pending')
                                            <span class="badge bg-warning text-dark">Pending</span>
                                        @elseif ($order->order_status_for_admin == 'approved')
                                            <span class="badge bg-success">Approved</span>
                                        @elseif ($order->order_status_for_admin == 'awaiting')
                                            <span class="badge bg-blue">Awaiting</span>
                                        @elseif ($order->order_status_for_admin == 'rejected')
                                            <span class="badge bg-danger">Rejected</span>
                                        @else
                                            <span class="badge bg-secondary">Unknown</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($order->order_status_for_supervisor == 'pending')
                                            <span class="badge bg-warning text-dark">Pending</span>
                                        @elseif ($order->order_status_for_supervisor == 'approved')
                                            <span class="badge bg-success">Approved</span>
                                        @elseif ($order->order_status_for_supervisor == 'rejected')
                                            <span class="badge bg-danger">Rejected</span>
                                        @else
                                            <span> - </span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($order->order_status_for_authorize == 'pending')
                                            <span class="badge bg-warning text-dark">Pending</span>
                                        @elseif ($order->order_status_for_authorize == 'approved')
                                            <span class="badge bg-success">Approved</span>
                                        @elseif ($order->order_status_for_authorize == 'rejected')
                                            <span class="badge bg-danger">Rejected</span>
                                        @else
                                            <span> - </span>
                                        @endif
                                    </td>
                                    <td>{{ \Carbon\Carbon::parse($order->order_request_date)->format('d M Y') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    {{ $orders->links() }}
                </div>
            @elseif(request()->has('order_code'))
                <div class="alert alert-warning mt-4">
                    No requisition found for code: <strong>{{ request('order_code') }}</strong>
                </div>
            @endif

        </div>
    </section>





    @include('layouts.footer')
@endsection