@extends('admin.layouts.app')
@section('title', 'Orders')
@section('content')


<div class="pagetitle">
    <div class="d-flex">
        <h1>Orders</h1>
        <a href="{{ route('admin.orders.create') }}" class="btn border ms-3">PROCESS AN ORDER</a>
    </div>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Orders</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

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

        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between">
                <h5 class="card-title">All System Orders</h5>
            {{-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable. Check for <a href="https://fiduswriter.github.io/simple-datatables/demos/" target="_blank">more examples</a>.</p> --}}

            <!-- Table with stripped rows -->
            <div>
                <form action="{{ route('admin.orders.index') }}" method="GET" id="filterForm" class="mt-5">
                    {{-- @csrf --}}
                    <label for="filter">Filter Order By Date</label>
                    <select name="date" id="" class="form-control">
                        <option value="">---Select Date---</option>
                        <option class="filterItem" value="all">All</option>
                        <option class="filterItem" value="today">Today</option>
                        <option class="filterItem" value="yesterday">Yesterday</option>
                        {{-- <option class="filterItem" value="last7days">Last 7 Days</option>
                        <option class="filterItem" value="last30days">Last 30 Days</option>
                        <option class="filterItem" value="lastyear">Last Year</option> --}}
                    </select>
                </form>
            </div>
            </div>

            @if($date)
                <span>Orders Made Since: {{ $date }}</span>
            @endif

              <div class="table-responsive">
                @if(Auth::guard('admin')->user()->type == 'admin')

                  <table class="table datatable table-responsive">
                      <thead>
                        <tr>
                            <th>Customer Name</th>
                            <th>Discount</th>
                            <th>Date Ordered</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @forelse($orders as $order)
                        <tr>
                            <td>
                                <span>
                                    {{-- <img width="50px" height="50px" src="{{ $order->item->image ? route('item.image',['file_name'=>$order->item->image]) : '#' }}" alt="."> --}}
                                </span>
                                <span>{{ $order->customer_name }}</span>
                            </td>
                            <td>
                                {{ number_format($order->discount, 2) }}
                            </td>
                            <td>{{ $order->created_at->format('D-M-Y') }}</td>
                            <td>
                                <x-adminstatus :status='$order->status' />
                            </td>
                            <td>
                                <a href="{{ route('admin.orders.show',['order'=>$order->id]) }}" class="btn btn-primary">Details</a>
                            </td>
                        </tr>

                    @empty
                        <tr>
                            <td class="colspan-12">
                                No Orders Yet. @if(isset($date)) For: {{ $date }} @endif
                                Please   <a href="{{ route('admin.orders.create') }}" class="btn">PROCESS AN ORDER </a>
                            </td>
                        </tr>
                    @endforelse
                      </tbody>
                    </table>
                @else
                <table class="table datatable table-responsive">
                    <thead>
                      <tr>
                        <th>Customer Name</th>
                        <th>Discount</th>
                        <th>Date Ordered</th>
                        <th>Status</th>
                        <th>Action</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse($workerOrders as $order)
                      <tr>
                        <td>
                            <span>
                                {{-- <img width="50px" height="50px" src="{{ $order->item->image ? route('item.image',['file_name'=>$order->item->image]) : '#' }}" alt="."> --}}
                            </span>
                            <span>{{ $order->customer_name }}</span>
                        </td>
                        <td>
                            {{ number_format($order->discount, 2) }}
                        </td>
                        <td>{{ $order->created_at->format('D-M-Y') }}</td>
                        <td>
                            <x-adminstatus :status='$order->status' />
                        </td>
                        <td>
                            <a href="{{ route('admin.orders.show',['order'=>$order->id]) }}" class="btn btn-primary">Details</a>
                        </td>
                    </tr>

                  @empty
                      <tr>
                          <td class="colspan-12">
                              No Orders Yet. @if(isset($date)) For: {{ $date }} @endif
                              Please   <a href="{{ route('admin.orders.create') }}" class="btn">PROCESS AN ORDER </a>
                          </td>
                      </tr>
                  @endforelse
                    </tbody>
                  </table>

                  <p>
                        Total Sales
                        @if(isset($date)) For: {{ $date }} @endif
                        <b class="text-success">{{ number_format($totalWorkerSale) }} </b>
                  </p>

                  @endif

              </div>


            <!-- End Table with stripped rows -->

          </div>
        </div>

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


@endsection
@section('footer_scripts')

<script>
    $(function(){
        $(".filterItem").click(function(){
            $('#filterForm').submit();
        })
    })
</script>

@endsection