@extends('layouts.master')
@section('title', 'Requests Detail')

@section('style')
    <style>
        /* Timeline Process */
        .process-wrapper.line {
            display: flex;
            justify-content: space-between;
            position: relative;
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .process-wrapper.line .col {
            position: relative;
            text-align: center;
            z-index: 1;
            flex: 1;
            /* ให้ทุกคอลัมน์กว้างเท่ากัน */
        }

        .process-wrapper.line .step-line {
            position: absolute;
            top: 28px;
            left: 50%;
            /* เริ่มลากจากกึ่งกลางวงกลม */
            width: 100%;
            /* ลากไปจนถึงจุดเริ่มของอันถัดไป */
            height: 2px;
            background-color: #dee2e6;
            z-index: -1;
            /* อยู่หลังวงกลม */
        }

        /* คอลัมน์สุดท้ายไม่ต้องมีเส้นชี้ไปข้างหน้า */
        .process-wrapper.line .col:last-child .step-line {
            display: none;
        }
    </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">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="col-md-12">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div align="right">
                    <button onclick="window.history.back()" class="btn btn-danger mb-3">
                        ← Back
                    </button>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">

                                {{-- =========================
                                ✅ ORDER STATUS
                                ========================= --}}
                                <div class="alert alert-info">
                                    Current Status:
                                    <strong>{{ ucfirst(str_replace('_', ' ', $order->order_status)) }}</strong>
                                </div>

                                {{-- =========================
                                ✅ PRODUCT TABLE
                                ========================= --}}

                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead align="center">
                                            <tr>
                                                <th class="w-5">No.</th>
                                                <th class="w-15">Image</th>
                                                <th class="w-25">Name</th>
                                                <th class="w-10">Quantity</th>
                                                <th class="w-20">Unit Price (THB)</th>
                                                <th class="w-20">Total Price (THB)</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($products as $i => $item)
                                                <tr>
                                                    <td class="">{{ ++$i }}</td>
                                                    <td class="" align="center">
                                                        @if ($item->product_image)
                                                            <img src="{{ asset('product_images/' . $item->product_image) }}"
                                                                alt="Product Image" class="img-fluid"
                                                                style="width: 50px; height: 50px;">
                                                            <br>
                                                            @if ($item->product_type === '7')
                                                                <span class="badge bg-warning text-dark">Premium</span>
                                                            @endif
                                                        @else
                                                            <img src="{{ asset('images/no-image.png') }}" alt="No Image"
                                                                class="img-fluid" style="width: 50px; height: 50px;">
                                                        @endif
                                                    </td>
                                                    <td class="">{{ $item->product_name }}</td>
                                                    <td class="text-center">
                                                        {{ $item->order_qty ?? ($item->quantity ?? 0) }}
                                                    </td>
                                                    <td class="text-end">
                                                        {{ number_format($item->product_current_unit_price ?? ($item->product_price ?? 0), 2) }}
                                                    </td>
                                                    <td class="text-end line-total">
                                                        {{ number_format(($item->order_qty ?? ($item->quantity ?? 0)) * ($item->product_current_unit_price ?? ($item->product_price ?? 0)), 2) }}
                                                    </td>
                                                </tr>
                                            @endforeach
                                            {{-- ✅ TOTAL --}}
                                            <tr>
                                                <td colspan="3" class="text-end"><strong>Total Quantity:</strong></td>
                                                <td class="text-center"><strong>{{ $totalQty }}</strong></td>
                                                <td class="text-end"><strong>Total Price:</strong></td>
                                                <td class="text-end"><strong>{{ number_format($total, 2) }}</strong></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                {{-- =========================
                                ✅ ORDER INFO
                                ========================= --}}
                                <hr class="my-6">

                                <div class="row g-3 px-4">
                                    <div class="col-md-4 fw-bold">Request code :</div>
                                    <div class="col-md-8 text-muted">{{ $request_code ?? '-' }}</div>
                                    <div class="col-md-4 fw-bold">Firstname - Lastname:</div>
                                    <div class="col-md-8 text-muted">{{ $user_name ?? '-' }}</div>
                                    <div class="col-md-4 fw-bold">หน่วยงาน:</div>
                                    <div class="col-md-8 text-muted">{{ $department ?? '-' }}</div>
                                    <div class="col-md-4 fw-bold">Email:</div>
                                    <div class="col-md-8 text-muted">{{ $email ?? '-' }}</div>
                                    <div class="col-md-4 fw-bold">วัตถุประสงค์ในการเบิก:</div>
                                    <div class="col-md-8 text-muted">{{ $purpose ?? '-' }}</div>
                                    <div class="col-md-4 fw-bold">วันที่ขอเบิก:</div>
                                    <div class="col-md-8 text-muted">
                                        {{ $request_date ? \Carbon\Carbon::parse($request_date)->format('d M Y') : '-' }}
                                    </div>
                                    <div class="col-md-4 fw-bold">วันที่รับของ:</div>
                                    <div class="col-md-8 text-muted">
                                        {{ $pickup_date ? \Carbon\Carbon::parse($pickup_date)->format('d M Y') : '-' }}
                                    </div>
                                    <div class="col-md-4 fw-bold">วันที่นำไปใช้จริง:</div>
                                    <div class="col-md-8 text-muted">
                                        {{ $order_use_date ? \Carbon\Carbon::parse($order_use_date)->format('d M Y') : '-' }}
                                    </div>
                                    <div class="col-md-4 fw-bold">วิธีการจัดส่ง:</div>
                                    <div class="col-md-8 text-muted">{{ $delivery_method ?? '-' }}</div>
                                    <div class="col-md-4 fw-bold">ที่อยู่ในการจัดส่ง:</div>
                                    <div class="col-md-8 text-muted">{{ $address ?? '-' }}</div>
                                </div>

                                {{-- =========================
                                ✅ STEP PROGRESS 1
                                ========================= --}}
                                <hr class="my-6">

                                @php
                                    // ตรวจสอบว่าใน Order นี้มีสินค้า Premium หรือไม่
                                    $hasPremium = $products->contains(function ($item) {
                                        return (string) ($item->product_type ?? '') === '7';
                                    });

                                    // กำหนดรายการขั้นตอน (Steps) แบบ Dynamic
                                    $steps = [
                                        [
                                            'title' => 'Submit Request',
                                            'desc' => 'Requester ยื่นคำขอเบิกของที่ระลึกผ่านระบบ',
                                        ],
                                    ];

                                    if ($hasPremium) {
                                        $steps[] = [
                                            'title' => 'Admin Approval',
                                            'desc' => 'คำขอมีของพรีเมียม รอการตรวจสอบโดย Admin',
                                        ];
                                    }

                                    $steps[] = [
                                        'title' => 'Supervisor Approval',
                                        'desc' => 'คำขออยู่ระหว่างการอนุมัติโดย Supervisor',
                                    ];
                                    $steps[] = [
                                        'title' => 'Authorize Approval',
                                        'desc' => 'คำขอผ่าน Supervisor แล้ว รอ Authorize อนุมัติ',
                                    ];
                                    $steps[] = [
                                        'title' => 'Preparing for Shipment',
                                        'desc' => 'คำขออนุมัติแล้ว กำลังจัดเตรียมของที่ระลึก',
                                    ];
                                    $steps[] = ['title' => 'Delivered', 'desc' => 'ของที่ระลึกจัดส่งเรียบร้อยแล้ว'];

                                    $totalSteps = count($steps);
                                    $currentStatus = 1;
                                    $isRejected = false;

                                    if (isset($order)) {
                                        // ตรวจสอบการถูกปฏิเสธ (Rejected)
                                        if (
                                            in_array('rejected', [
                                                $order->order_status,
                                                $order->order_status_for_admin,
                                                $order->order_status_for_supervisor,
                                                $order->order_status_for_authorize,
                                            ])
                                        ) {
                                            $isRejected = true;
                                        }

                                        // คำนวณสถานะปัจจุบัน (Status Mapping)
                                        if ($order->order_status == 'delivered') {
                                            $currentStatus = $totalSteps; // ขั้นตอนสุดท้าย
                                        } elseif (
                                            $order->order_status == 'approved' ||
                                            $order->order_status_for_authorize == 'approved'
                                        ) {
                                            $currentStatus = $totalSteps - 1; // Preparing
                                        } elseif (
                                            $order->order_status_for_supervisor == 'approved' &&
                                            $order->order_status_for_authorize == 'pending'
                                        ) {
                                            $currentStatus = $totalSteps - 2; // Authorize
                                        } elseif (
                                            in_array($order->order_status_for_admin, [
                                                'approved',
                                                'confirmed',
                                                'not_required',
                                            ]) &&
                                            $order->order_status_for_supervisor == 'pending'
                                        ) {
                                            $currentStatus = $hasPremium ? 3 : 2; // Supervisor Step
                                        } elseif ($hasPremium && $order->order_status_for_admin == 'pending') {
                                            $currentStatus = 2; // Admin Step (เฉพาะกรณีมี Premium)
                                        } else {
                                            $currentStatus = 1;
                                        }
                                    }

                                    // ✅ แยก Top / Bottom
                                    $topSteps = array_slice($steps, 0, $totalSteps - 2);
                                    $bottomSteps = array_slice($steps, -2);
                                    $startIndex = $totalSteps - count($bottomSteps) + 1;
                                @endphp

                                {{-- 🔹 STEP PROGRESS 1 (TOP) --}}
                                <div class="row gx-lg-2 gx-xl-3 gy-6 process-wrapper line mb-5">
                                    @foreach ($topSteps as $index => $data)
                                        @php $stepNum = $index + 1; @endphp
                                        <div class="col">
                                            @if ($isRejected && $currentStatus < $stepNum)
                                                <span class="icon btn btn-circle btn-lg btn-danger pe-none mb-3">
                                                    <i class="uil uil-times"></i>
                                                </span>
                                            @else
                                                <span
                                                    class="icon btn btn-circle btn-lg {{ $currentStatus >= $stepNum ? 'btn-primary' : 'btn-soft-primary' }} pe-none mb-3">
                                                    <span class="number">{{ sprintf('%02d', $stepNum) }}</span>
                                                </span>
                                            @endif
                                            <h6 class="mb-1">{{ $data['title'] }}</h6>
                                            <small class="text-muted">{{ $data['desc'] }}</small>

                                            {{-- เส้นเชื่อมขั้นตอน --}}
                                            @if ($stepNum < $totalSteps)
                                                <div class="step-line"></div>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>

                                {{-- =========================
                                ✅ APPROVAL STATUS 1
                                ========================= --}}
                                <h5>Approval Status</h5>
                                <div class="container">
                                    @php
                                        $approvalSteps = [
                                            [
                                                'role' => 'requester',
                                                'status' => 'submitted',
                                                'user' => $order->order_customer_name ?? $order->user_fullname,
                                                'date' => $order->order_request_date,
                                                'note' => null,
                                            ],
                                            [
                                                'role' => 'admin',
                                                'status' => $order->order_status_for_admin,
                                                'user' => $order->admin_name,
                                                'date' => $order->order_admin_approved_date,
                                                'note' => null,
                                            ],
                                            [
                                                'role' => 'supervisor',
                                                'status' => $order->order_status_for_supervisor,
                                                'user' => $order->supervisor_name,
                                                'date' => $order->order_supervisor_approved_date,
                                                'note' => null,
                                            ],
                                            [
                                                'role' => 'authorize',
                                                'status' => $order->order_status_for_authorize,
                                                'user' => $order->authorize_name,
                                                'date' => $order->order_authorize_approved_date,
                                                'note' => null,
                                            ],
                                            [
                                                'role' => 'delivered',
                                                'status' => $order->order_status == 'delivered' ? 'delivered' : null,
                                                'user' => null,
                                                'date' => $order->order_delivered_date,
                                                'note' => null,
                                            ],
                                        ];
                                    @endphp

                                    @foreach ($approvalSteps as $step)
                                        @if ($step['status'])
                                            @php
                                                $badgeColor = match ($step['status']) {
                                                    'approved', 'delivered' => 'success',
                                                    'rejected' => 'danger',
                                                    'pending', 'submitted' => 'warning',
                                                    default => 'secondary',
                                                };
                                            @endphp

                                            <div class="row align-items-center mb-2">
                                                <div class="col-auto text-muted fw-bold"
                                                    style="width: 120px; font-size: 14px;">
                                                    {{ $step['date'] ? \Carbon\Carbon::parse($step['date'])->format('d M Y') : '-' }}
                                                </div>

                                                <div class="col-auto">
                                                    <span class="badge bg-{{ $badgeColor }} rounded-pill">
                                                        {{ ucfirst($step['status']) }}{{ $step['note'] ? ' - ' . $step['note'] : '' }}
                                                    </span>
                                                </div>

                                                <div class="col text-dark" style="font-size: 14px;">
                                                    @if ($step['user'])
                                                        by <strong>{{ $step['user'] }}</strong>
                                                        ({{ ucfirst($step['role']) }})
                                                    @else
                                                        -
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>

                                {{-- =========================
                                ✅ STEP PROGRESS 2 (Bottom Row)
                                ========================= --}}
                                {{-- 🔹 STEP PROGRESS 2 (BOTTOM) --}}
                                <div class="row gx-lg-2 gx-xl-3 gy-6 process-wrapper mt-2 justify-content-center">
                                    @foreach ($bottomSteps as $index => $data)
                                        @php $stepNum = $startIndex + $index; @endphp

                                        <div class="col-2 text-center">
                                            @if ($isRejected && $currentStatus < $stepNum)
                                                <span class="icon btn btn-circle btn-lg btn-danger pe-none mb-3">
                                                    <i class="uil uil-times"></i>
                                                </span>
                                            @else
                                                <span
                                                    class="icon btn btn-circle btn-lg {{ $currentStatus >= $stepNum ? 'btn-primary' : 'btn-soft-primary' }} pe-none mb-3">
                                                    <span class="number">{{ sprintf('%02d', $stepNum) }}</span>
                                                </span>
                                            @endif

                                            <h6 class="mb-1">{{ $data['title'] }}</h6>
                                            <small class="text-muted">{{ $data['desc'] }}</small>
                                        </div>
                                    @endforeach
                                </div>

                                {{-- =========================
                                ✅ APPROVAL STATUS 2
                                ========================= --}}
                                <div class="container">
                                    @php
                                        $approvalSteps = [
                                            [
                                                'role' => 'preparing',
                                                'status' => $order->order_status == 'approved' ? 'approved' : null,
                                                'user' => $order->authorize_name ?? null,
                                                'date' => $order->order_authorize_approved_date,
                                                'note' => 'Preparing for Shipment',
                                            ],
                                            [
                                                'role' => 'delivered',
                                                'status' => $order->order_status == 'delivered' ? 'delivered' : null,
                                                'user' => $order->admin_name,
                                                'date' => $order->order_delivered_date,
                                                'note' => null,
                                            ],
                                        ];
                                    @endphp
                                    @foreach ($approvalSteps as $step)
                                        @if ($step['status'])
                                            @php
                                                $badgeColor = match ($step['status']) {
                                                    'approved', 'delivered' => 'success',
                                                    'rejected' => 'danger',
                                                    'pending', 'submitted' => 'warning',
                                                    default => 'secondary',
                                                };
                                            @endphp

                                            <div class="row align-items-center mb-2">
                                                <div class="col-auto text-muted fw-bold"
                                                    style="width: 120px; font-size: 14px;">
                                                    {{ $step['date'] ? \Carbon\Carbon::parse($step['date'])->format('d M Y') : '-' }}
                                                </div>

                                                <div class="col-auto">
                                                    <span class="badge bg-{{ $badgeColor }} rounded-pill">
                                                        {{ ucfirst($step['status']) }}{{ $step['note'] ? ' - ' . $step['note'] : '' }}
                                                    </span>
                                                </div>

                                                <div class="col text-dark" style="font-size: 14px;">
                                                    @if ($step['user'])
                                                        by <strong>{{ $step['user'] }}</strong>
                                                        ({{ ucfirst($step['role']) }})
                                                    @else
                                                        -
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>



                                {{-- =========================
                                ✅ APPROVE / REJECT BUTTONS
                                ========================= --}}

                                <hr class="my-6">
                                <div class="d-flex gap-2 justify-content-center">
                                    @php $user = Auth::user(); @endphp

                                    {{-- Admin --}}
                                    @if ($user->hasRole('Admin') && $order->order_status == 'approved' && !$order->order_delivered_date)
                                        <div class="text-center my-4">

                                            <div class="mb-3">
                                                📦 จัดส่งคำขอเบิกเลขที่
                                                <strong>{{ $order->order_code }}</strong> หรือไม่?
                                            </div>

                                            {{-- ปุ่ม --}}
                                            <div class="d-flex justify-content-center gap-2">

                                                <form method="POST"
                                                    action="{{ route('admin.markDelivered', $order->order_id) }}">
                                                    @csrf

                                                    <button type="submit" class="btn btn-success rounded-pill px-4"
                                                        onclick="return confirm('คุณแน่ใจจะเปลี่ยนสถานะเป็น จัดส่ง หรือไม่?')">
                                                        🚚 ยืนยันการจัดส่ง
                                                    </button>
                                                </form>

                                                <a href="{{ url()->previous() }}"
                                                    class="btn btn-danger rounded-pill px-4">
                                                    ⬅ ย้อนกลับ
                                                </a>

                                            </div>

                                        </div>
                                    @endif


                                    {{-- Supervisor --}}
                                    @if ($user->hasRole('Supervisor') && $order->order_status_for_supervisor == 'pending')
                                        <form action="{{ route('supervisorApproveRequest', $order->order_id) }}"
                                            method="POST" onsubmit="return confirm('Approve this request?')">
                                            @csrf
                                            <button class="btn btn-success">✔ Approve</button>
                                        </form>

                                        <button class="btn btn-danger"
                                            onclick="openRejectModal({{ $order->order_id }}, 'supervisor')">✖
                                            Reject</button>
                                    @endif

                                    {{-- Authorize --}}
                                    @if ($user->hasRole('Authorize') && $order->order_status_for_authorize == 'pending')
                                        <form action="{{ route('authorizeApproveRequest', $order->order_id) }}"
                                            method="POST" onsubmit="return confirm('Approve this request?')">
                                            @csrf
                                            <button class="btn btn-success">✔ Approve</button>
                                        </form>

                                        <button class="btn btn-danger"
                                            onclick="openRejectModal({{ $order->order_id }}, 'authorize')">✖
                                            Reject</button>
                                    @endif
                                </div>

                                <!-- Reject Modal Dynamic -->
                                <div class="modal fade" id="rejectModal" tabindex="-1">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <form id="rejectForm" method="POST">
                                                @csrf
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Reject Request</h5>
                                                    <button type="button" class="btn-close"
                                                        data-bs-dismiss="modal"></button>
                                                </div>

                                                <div class="modal-body">
                                                    <label>Reason for rejection</label>
                                                    <textarea name="reject_reason" class="form-control" rows="4"></textarea>
                                                </div>

                                                <div class="modal-footer">
                                                    <button type="submit" class="btn btn-danger">Confirm Reject</button>
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Cancel</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                                <script>
                                    function openRejectModal(orderId, role) {
                                        const form = document.getElementById('rejectForm');

                                        if (role === 'supervisor') {
                                            form.action = `/supervisorRejectRequest/${orderId}`;
                                        } else if (role === 'authorize') {
                                            form.action = `/authorizeRejectRequest/${orderId}`;
                                        }

                                        const modal = new bootstrap.Modal(document.getElementById('rejectModal'));
                                        modal.show();
                                    }
                                </script>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection