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

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

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


@section('content')
    @include('layouts.sidebar')
    @include('layouts.header-sub')

    <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>

                    <br>

                    {{-- Dropdown หากพบหลายรายการ --}}
                    @if (isset($orders) && $orders->count() > 1)
                        <div class="row justify-content-center mb-6">
                            <div class="col-md-12">
                                <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
                // 🔍 กัน null + ตรวจสอบ Premium
                $hasPremium =
                    isset($products) &&
                    $products->contains(function ($item) {
                        return (string) ($item->product_type ?? '') === '7';
                    });

                // 🧩 6 Steps ตลอด
                $steps = [
                    ['title' => 'Submit Request', 'desc' => 'Requester ยื่นคำขอเบิกของที่ระลึกผ่านระบบ'],
                    [
                        'title' => 'Admin Approval',
                        'desc' => $hasPremium
                            ? 'คำขอมีของพรีเมียม รอการตรวจสอบโดย Admin'
                            : 'ไม่ต้องผ่าน Admin (Auto Approved)',
                    ],
                    ['title' => 'Supervisor Approval', 'desc' => 'คำขออยู่ระหว่างการอนุมัติโดย Supervisor'],
                    ['title' => 'Authorize Approval', 'desc' => 'คำขอผ่าน Supervisor แล้ว รอ Authorize อนุมัติ'],
                    ['title' => 'Preparing for Shipment', 'desc' => 'คำขออนุมัติแล้ว กำลังจัดเตรียมของที่ระลึก'],
                    ['title' => 'Delivered', 'desc' => 'ของที่ระลึกจัดส่งเรียบร้อยแล้ว'],
                ];

                $totalSteps = 6;

                // 🔢 Default
                $currentStatus = 1;
                $isRejected = false;

                if (isset($selectedOrder)) {
                    // ❌ Rejected check
                    if (
                        in_array('rejected', [
                            $selectedOrder->order_status,
                            $selectedOrder->order_status_for_admin,
                            $selectedOrder->order_status_for_supervisor,
                            $selectedOrder->order_status_for_authorize,
                        ])
                    ) {
                        $isRejected = true;
                    }

                    // 📊 Mapping (6 Step)
                    if ($selectedOrder->order_status == 'delivered') {
                        $currentStatus = 6;
                    } elseif (
                        $selectedOrder->order_status == 'approved' ||
                        $selectedOrder->order_status_for_authorize == 'approved'
                    ) {
                        $currentStatus = 5;
                    } elseif (
                        $selectedOrder->order_status_for_supervisor == 'approved' &&
                        $selectedOrder->order_status_for_authorize == 'pending'
                    ) {
                        $currentStatus = 4;
                    } elseif ($selectedOrder->order_status_for_supervisor == 'pending') {
                        $currentStatus = 3;
                    } elseif ($selectedOrder->order_status_for_admin == 'pending') {
                        $currentStatus = 2;
                    } else {
                        $currentStatus = 1;
                    }

                    // 🔥 ถ้าไม่มี Premium → ข้าม Step 2 (Admin)
                    if (!$hasPremium && $currentStatus >= 2) {
                        $currentStatus++;
                    }
                }

                // 🎨 layout fix (6 step)
                $colClass = 'col-lg-2';
            @endphp


            {{-- Steps --}}
            <div class="row gx-lg-8 gx-xl-12 gy-6 process-wrapper line">
                @foreach ($steps as $index => $stepData)
                    @php $step = $index + 1; @endphp

                    <div class="col-md-6 {{ $colClass }}">

                        {{-- ❌ Rejected --}}
                        @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>

                            {{-- 🟡 Skip Admin (ไม่มี Premium) --}}
                        @elseif (!$hasPremium && $step == 2)
                            <span
                                class="icon btn btn-circle btn-lg {{ $currentStatus >= 3 ? 'btn-primary' : 'btn-soft-secondary' }} pe-none mb-4">
                                <span class="number">{{ sprintf('%02d', $step) }}</span>
                            </span>

                            {{-- ✅ Normal --}}
                        @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">{{ $stepData['title'] }}</h4>
                        <p class="mb-0">{{ $stepData['desc'] }}</p>
                    </div>
                @endforeach
            </div>

            <div class="progress mt-4">
                <div class="progress-bar" role="progressbar" style="width: {{ ($currentStatus / $totalSteps) * 100 }}%">
                </div>
            </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 by
                                                {{ $order->approved_by_name ?? 'Admin' }}</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->appends(request()->query())->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