@extends('frontend.layouts.user.master')
@section('title', 'Dashboard')
@section('content')

<div class="container">
    <!-- row -->
    <div class="row mb-8">
        <!-- ... (Existing code) ... -->
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-12 mb-5">
            <!-- card -->
            <div class="card h-100 card-lg">
                <div class=" p-6 d-none">
                    <div class="row justify-content-between">
                        <div class="col-md-4 col-12 mb-2 mb-md-0">
                            <!-- form -->
                            <form class="d-flex" role="search">
                                <input class="form-control" type="search" placeholder="Search" aria-label="Search">
                            </form>
                        </div>
                        <div class="col-lg-2 col-md-4 col-12 d-none">
                            <!-- select -->
                            <select class="form-select">
                                <option selected="">Status</option>
                                <option value="Success">Success</option>
                                <option value="Pending">Pending</option>
                                <option value="Cancel">Cancel</option>
                            </select>
                        </div>
                    </div>
                </div>
                <!-- card body -->
                <div class="card-body p-0">
                    <!-- table responsive -->
                    <div class="table-responsive">
                        <table
                            class="table table-centered table-hover text-nowrap table-borderless mb-0 table-with-checkbox">
                            <thead class="bg-light">
                                <tr>
                                    <th class="d-none">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value=""
                                                id="checkAll">
                                            <label class="form-check-label" for="checkAll"></label>
                                        </div>
                                    </th>
                                    <th>Order No</th>
                                    <th>Date &amp; TIme</th>
                                    <th>Payment</th>
                                    <th>Status</th>
                                    <th>Discount</th>
                                    <th>Amount</th>
                                    <th class="d-none"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($orders as $order)
                                <tr>
                                    <td class="d-none">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value=""
                                                id="orderOne">
                                            <label class="form-check-label" for="orderOne"></label>
                                        </div>
                                    </td>
                                    <td><a href="{{ route('user.order.detail',['id' => $order->id]) }}" class="text-reset">{{ $order->order_number }}</a></td>
                                    <td>{{ $order->created_at->format('d M Y, h:i A') }}</td>
                                    <td>
                                        {{ $order->payment_method == 'Stripe' ? 'Payment before Delivery' : 'Payment after Delivery' }}
                                    </td>
                                    <td>
                                        @php
                                            // $orderstatus = 'pending','approved','decline','packing','performa_invoice','invoice_review','delivered','cancelled','completed','shipping','invoiced','shipped'
                                            $status = $order->status;
                                            $color = '';
                                            if ($status == 'pending') {
                                                $color = 'warning';
                                            } elseif ($status == 'approved') {
                                                $color = 'primary';
                                            } elseif ($status == 'decline') {
                                                $color = 'danger';
                                            } elseif ($status == 'packing') {
                                                $color = 'info';
                                            } elseif ($status == 'packed') {
                                                $color = 'info';
                                            } elseif ($status == 'performa_invoice') {
                                                $color = 'success';
                                            } elseif ($status == 'invoice_review') {
                                                $color = 'secondary';
                                            } elseif ($status == 'delivered') {
                                                $color = 'success';
                                            } elseif ($status == 'cancelled') {
                                                $color = 'danger';
                                            } elseif ($status == 'completed') {
                                                $color = 'success';
                                            } elseif ($status == 'shipping') {
                                                $color = 'info';
                                            } elseif ($status == 'invoiced') {
                                                $color = 'success';
                                            } elseif ($status == 'shipped') {
                                                $color = 'success';
                                            } else {
                                                $color = 'dark';
                                            }
                                        @endphp
                                        <span class="badge bg-light-{{ $color }} text-dark-{{ $color }}">{{ $order->status }}</span>
                                    </td>
                                    <td>£{{ $order->discount }}</td>
                                    <td>£{{ $order->total_amount }}</td>
                                    <td class="d-none">
                                        <div class="dropdown">
                                            <a href="#" class="text-reset" data-bs-toggle="dropdown"
                                                aria-expanded="false">
                                                <i class="feather-icon icon-more-vertical fs-5"></i>
                                            </a>
                                            <ul class="dropdown-menu">
                                                <li><a class="dropdown-item"
                                                        href="{{ route('user.order.detail', $order->id) }}"><i
                                                            class="bi bi-info me-3"></i>View Detail</a></li>
                                                <li><a class="dropdown-item" href="#"><i
                                                            class="bi bi-pencil-square me-3 "></i>Edit</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- Pagination (keep your design) -->
                <div class="border-top d-md-flex justify-content-between align-items-center p-6">
                    <span>Showing {{ $orders->firstItem() }} to {{ $orders->lastItem() }} of {{ $orders->total() }} entries</span>
                    <nav class="mt-2 mt-md-0">
                        <ul class="pagination mb-0">
                            @if ($orders->previousPageUrl())
                            <li class="page-item"><a class="page-link" href="{{ $orders->previousPageUrl() }}">Previous</a></li>
                            @endif
                            @if ($orders->nextPageUrl())
                            <li class="page-item"><a class="page-link" href="{{ $orders->nextPageUrl() }}">Next</a></li>
                            @endif
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection