@extends('layouts.admin.app')

@section('content')


<main id="main" class="main">

    <div class="pagetitle row">
        <div class="col-10">
            <h1>Orders</h1>
            <nav>
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="{{ url('/admin') }}">Home</a></li>
                  <li class="breadcrumb-item active">Orders</li>
                </ol>
            </nav>
        </div>
    </div><!-- End Page Title -->

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
            
                <div class="card">
                    <div class="card-body">

                        <div class="row">
                            <div class="col-8">
                                <h5 class="card-title">Order List</h5>

                            </div>
                            <div class="col-4 ms-auto text-end" style="display:flex; align-items: center;">
                                <form method="GET" action="{{ route('admin.order.list') }}" style="width:100%" >
                                    <div class="input-group">
                                      <input type="text" name="search" id="search-field" class="form-control" placeholder="Search" autocomplete="off" required>
                                      <button type="submit" class="input-group-text"><i class="bx bx-search-alt"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                            @if(Session::has('alert-' . $msg))
                                <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
                                    <i class="bi bi-check-circle me-1"></i>
                                    {{ Session::get('alert-' . $msg) }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        @endforeach

                        @if($request->search != null)
                            <p style="font-size: 13px;">
                                Searched for: "{{ $request->search }}" <a href="{{ route('admin.order.list') }}" style="font-size: 13px; padding-left: 10px;" class="badge border-danger border-1 text-danger">Clear Search</a>
                            </p>
                        @endif

                        @if(count($result) > 0)

                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col" style="width:5%">#</th>
                                    <th scope="col" style="width:20%">Order ID</th>
                                    <th scope="col" style="width:13%">{!! CustomPaginator::sort('created_at', 'Order Date') !!}</th>
                                    <th scope="col" style="width:13%">Delivery Date</th>
                                    <th scope="col" style="width:18%">Customer Name</th>
                                    <th scope="col" style="width:12%">Pay Mode</th>
                                    <th scope="col" style="width:13%">{!! CustomPaginator::sort('order_delivery_status', 'Order Status') !!}</th>
                                    <th scope="col" style="width:6%">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = ($result->currentPage() - 1) * $result->perPage() + 1; @endphp
                                @foreach($result as $key => $order)