@extends('backoffice.layouts.app')

@section('content')
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
        <div class="d-block mb-4 mb-md-0">
            <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                <ol class="breadcrumb breadcrumb-dark breadcrumb-transparent">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}">
                            <svg class="icon icon-xxs" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                            </svg>
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Order</li>
                </ol>
            </nav>
            <h2 class="h4">All Orders</h2>
        </div>
        <div class="btn-toolbar mb-2 mb-md-0">
            {{-- <form action="{{ route('admin.orders.index') }}">
                <div class="input-group me-2 me-lg-3 fmxw-400">
                    {{-- <input type="text" name="search" class="form-control" placeholder="Search user name"
                        value="{{ $search }}">
                    <input type="submit" value="Search" class="btn btn-primary">
                </div>
            </form> --}}
        </div>
    </div>
    {{-- <form action="{{ route('admin.orders.index') }}" method="GET" class="row g-3 mb-4">
        <div class="col-md-3">
            <label for="start_date" class="form-label">Start Date</label>
            <input type="date" name="start_date" id="start_date" class="form-control"
                value="{{ request('start_date') }}">
        </div>

        <div class="col-md-3">
            <label for="end_date" class="form-label">End Date</label>
            <input type="date" name="end_date" id="end_date" class="form-control" value="{{ request('end_date') }}">
        </div>

        <div class="col-md-3 align-self-end">
            <button type="submit" class="btn btn-primary">Search</button>
            <a href="{{ route('admin.orders.index') }}" class="btn btn-secondary">Reset</a>
        </div>
    </form> --}}


    <div class="card card-body border-0 shadow table-wrapper table-responsive">
        <table class="table table-hover table-bordered pt-4" id="dataTablesTable">
            <thead>
                <tr>
                    <th>#</th>
                    <th>User</th>
                    <th>Subtotal</th>
                    <th>Shipping</th>
                    <th>Grand Total</th>
                    <th>Status</th>
                    <th>Created At</th>
                    <th class="text-center">Action</th>
                    <th>order details</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $index => $order)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $order->user->first_name ?? 'Guest' }} {{ $order->user->last_name ?? '' }}</td>
                        <td>{{ number_format($order->subtotal, 2) }}</td>
                        <td>{{ number_format($order->shipping, 2) }}</td>
                        <td>{{ number_format($order->grand_total, 2) }}</td>
                        <td>
                            <span
                                class="badge
    @if ($order->status == 'pending') bg-warning
    @elseif ($order->status == 'processing') bg-primary
    @elseif ($order->status == 'completed') bg-success
    @elseif ($order->status == 'cancelled') bg-danger
    @elseif ($order->status == 'out_for_delivery') bg-info @endif">
                                {{ ucwords(str_replace('_', ' ', $order->status)) }}
                            </span>

                        </td>
                        <td>{{ $order->created_at->format('d M Y') }}</td>
                        <td class="text-center">
                            <a href="{{ route('admin.orders.edit', $order->id) }}" class="btn btn-sm btn-success">Update
                                Status</a>
                        </td>
                        <td>
                            <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-sm btn-outline-primary">
                                View
                            </a>
                        </td>
                    </tr>
                @empty
                @endforelse
            </tbody>
        </table>
        {{-- <div class="card-footer px-3 border-0 d-flex flex-column flex-lg-row align-items-center justify-content-between">
            <nav aria-label="Page navigation example">
                <ul class="pagination mb-0">
                    <!-- Previous Page Link -->
                    @if ($orders->onFirstPage())
                        <li class="page-item disabled">
                            <span class="page-link">Previous</span>
                        </li>
                    @else
                        <li class="page-item">
                            <a class="page-link" href="{{ $orders->previousPageUrl() }}">Previous</a>
                        </li>
                    @endif

                    <!-- Page Numbers -->
                    @foreach ($orders->getUrlRange(1, $orders->lastPage()) as $page => $url)
                        <li class="page-item {{ $page == $orders->currentPage() ? 'active' : '' }}">
                            <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                        </li>
                    @endforeach

                    <!-- Next Page Link -->
                    @if ($orders->hasMorePages())
                        <li class="page-item">
                            <a class="page-link" href="{{ $orders->nextPageUrl() }}">Next</a>
                        </li>
                    @else
                        <li class="page-item disabled">
                            <span class="page-link">Next</span>
                        </li>
                    @endif
                </ul>
            </nav>

            <!-- Pagination Summary -->
            <div class="fw-normal small mt-4 mt-lg-0">
                Showing <b>{{ $orders->firstItem() }}</b> to <b>{{ $orders->lastItem() }}</b> of
                <b>{{ $orders->total() }}</b> entries
            </div>
        </div> --}}

    </div>
@endsection