@extends('layouts.master')
@section('title', 'Check Out List')

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

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


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

    @include('layouts.title')



    <section>
        <div class="container py-10">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-dark fs-30">@yield('title')</span>
                </div>
            </div>
            <br>
            <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">Status</th>
                            <th class="w-10">Quantity</th>
                            <th class="w-20">Unit Price (THB)</th>
                            <th class="w-20">Total Price (THB)</th>
                            <th class="w-10">Actions</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="" align="center">
                                    @if ($item->product_type == '7')
                                        @php
                                            $statusAdmin = strtolower(trim($order->order_status_for_admin ?? 'pending'));
                                        @endphp

                                        @if ($statusAdmin === 'approved')
                                            <span class="badge bg-success">Approved</span>
                                        @elseif ($statusAdmin === 'pending')
                                            <span class="badge bg-warning text-dark">Pending Approval</span>
                                        @elseif ($statusAdmin === 'rejected')
                                            <span class="badge bg-danger">Rejected</span>
                                        @else
                                            <span class="badge bg-secondary">-</span>
                                        @endif
                                    @else
                                        <span> - </span>
                                    @endif
                                </td>
                                <td class="" align="center">{{ $item->quantity }}</td>
                                <td class="text-end">{{ number_format($item->product_price, 2) }}</td>
                                <td class="text-end">{{ number_format($item->quantity * $item->product_price, 2) }}</td>
                                <td class="">
                                    @if ($item->item_status === 'rejected')
                                        {{-- ปุ่มลบ --}}
                                        <form action="{{ url('/deleteitem/' . $item->order_item_id) }}" method="POST"
                                            style="display:inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-outline-danger ms-2"
                                                onclick="return confirm('คุณแน่ใจว่าต้องการลบรายการนี้หรือไม่?')"
                                                data-bs-toggle="tooltip" data-bs-placement="bottom">
                                                <i class="uil uil-trash"></i>
                                            </button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        <tr>
                            <td colspan="4" class="text-end"><strong>Quantity:</strong></td>
                            <td class="" align="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>
                            <td class=""></td>
                        </tr>
                    </tbody>
                </table>
                @php
                    $hasPremiumProduct = false;
                    foreach ($products as $item) {
                        if ($item->product_type == '7') {
                            $hasPremiumProduct = true;
                            break;
                        }
                    }
                    $adminApproved = strtolower(trim($order->order_status_for_admin)) === 'approved';
                @endphp

                <div class="text-end mt-3">
                    @if (!$hasPremiumProduct || ($hasPremiumProduct && $adminApproved))
                        {{-- ไม่มี premium หรือ premium ได้อนุมัติแล้ว --}}
                        <form action="{{ url('/confirmorder') }}" method="POST" style="display:inline;">
                            @csrf
                            <input type="hidden" name="cart_data" value="{{ json_encode($cart) }}">
                            <button type="submit" class="btn btn-green rounded-pill">
                                Confirm Order
                            </button>
                        </form>
                    @else
                        {{-- มีสินค้า premium แต่ admin ไม่อนุมัติ --}}
                        <button class="btn btn-green rounded-pill"
                            onclick="alert('มีสินค้าพรีเมียม กรุณารอแอดมินอนุมัติก่อนยืนยันการเบิก'); return false;">
                            Confirm Order
                        </button>
                    @endif

                    <a href="{{ url('/cataloglist') }}" class="btn btn-danger ms-2 rounded-pill">
                        Cancel
                    </a>
                </div>


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

    <section class="wrapper" style="background-color: #FDDBBB;">
        <div class="container py-12 py-md-14">
            <div class="row gx-lg-8 gx-xl-12 gy-8">
                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="/sandbox/img/icons/solid/shipment.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-mono text-navy me-4" alt="" />
                        </div>
                        <div>
                            <h4 class="mb-1">Free Shipping</h4>
                            <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget
                                lacinia odio sem.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="/sandbox/img/icons/solid/push-cart.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-mono text-navy me-4" alt="" />
                        </div>
                        <div>
                            <h4 class="mb-1">30 Days Return</h4>
                            <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget
                                lacinia odio sem.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="/sandbox/img/icons/solid/verify.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-mono text-navy me-4" alt="" />
                        </div>
                        <div>
                            <h4 class="mb-1">2-Years Warranty</h4>
                            <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget
                                lacinia odio sem.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    @include('layouts.footer')
@endsection