@extends('layouts.admin')

@section('css')
@endsection

@section('content')
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header text-uppercase text-primary">
            {{ __('lang.orders') }}
          </div>
          <div class="card-body">
            <nav>
              <ul class="nav nav-tabs nav-tabs-primary nav-justified">
                <li class="nav-item">
                  <a class="nav-link active" data-toggle="tab" href="#tab-1"><span
                      class="hidden-xs">{{ __('lang.pending') }}</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#tab-2"><span
                      class="hidden-xs">{{ __('lang.in_progress') }}</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#tab-3"><span
                      class="hidden-xs">{{ __('lang.delivered') }}</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#tab-4"><span
                      class="hidden-xs">{{ __('lang.cancelled') }}</span></a>
                </li>
              </ul>
            </nav>
            <div class="tab-content" id="nav-tabContent">
              <div class="tab-pane active" id="tab-1" role="tabpanel" aria-labelledby="nav-home-tab">
                <div class="table-responsive">
                  <table data-order='[[ 0, "desc" ]]' class="datatable table">
                    <thead class="thead-primary">
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">{{ __('lang.customers') }}</th>
                        <th scope="col">{{ __('lang.status') }}</th>
                        <th scope="col">{{ __('lang.payment_status') }}</th>
                        <th scope="col">{{ __('lang.subtotal') }}</th>
                        <th scope="col">{{ __('lang.total') }}</th>
                        <th scope="col">{{ __('lang.action') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach ($orders['pending_orders'] as $order)
                        @if (isset($order->orderCheckout))
                          <tr>
                            <td> {{ $order->number }}</td>
                            <td> {{ $order->user->name }}</td>
                            <td> {{ $order->status }}</td>
                            <td> {{ $order->payment_status }}</td>
                            <td> {{ $order->subtotal }}</td>
                            <td> {{ $order->total }}</td>
                            <td> <a class="btn btn-info"
                                href="{{ route('admins.orders.show', $order->number) }}">{{ __('lang.view') }}</a>
                            </td>
                          </tr>
                        @endif
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="tab-pane" id="tab-2" role="tabpanel" aria-labelledby="nav-home-tab">
                <div class="table-responsive">
                  <table data-order='[[ 0, "desc" ]]' class="datatable table">
                    <thead class="thead-primary">
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">{{ __('lang.customers') }}</th>
                        <th scope="col">{{ __('lang.status') }}</th>
                        <th scope="col">{{ __('lang.payment_status') }}</th>
                        <th scope="col">{{ __('lang.subtotal') }}</th>
                        <th scope="col">{{ __('lang.total') }}</th>
                        <th scope="col">{{ __('lang.action') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach ($orders['accepted_orders'] as $order)
                        <tr>
                          <td> {{ $order->number }}</td>
                          <td> {{ $order->user->name }}</td>
                          <td> {{ $order->status }}</td>
                          <td> {{ $order->payment_status }}</td>
                          <td> {{ $order->subtotal }}</td>
                          <td> {{ $order->total }}</td>
                          <td> <a class="btn btn-info"
                              href="{{ route('admins.orders.show', $order->number) }}">{{ __('lang.view') }}</a> </td>
                        </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="tab-pane" id="tab-3" role="tabpanel" aria-labelledby="nav-home-tab">
                <div class="table-responsive">
                  <table data-order='[[ 0, "desc" ]]' class="datatable table">
                    <thead class="thead-primary">
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">{{ __('lang.customers') }}</th>
                        <th scope="col">{{ __('lang.status') }}</th>
                        <th scope="col">{{ __('lang.payment_status') }}</th>
                        <th scope="col">{{ __('lang.subtotal') }}</th>
                        <th scope="col">{{ __('lang.total') }}</th>
                        <th scope="col">{{ __('lang.action') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach ($orders['completed_orders'] as $order)
                        <tr>
                          <td> {{ $order->number }}</td>
                          <td> {{ $order->user->name }}</td>
                          <td> {{ $order->status }}</td>
                          <td> {{ $order->payment_status }}</td>
                          <td> {{ $order->subtotal }}</td>
                          <td> {{ $order->total }}</td>
                          <td> <a class="btn btn-info"
                              href="{{ route('admins.orders.show', $order->number) }}">{{ __('lang.view') }}</a> </td>
                        </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="tab-pane" id="tab-4" role="tabpanel" aria-labelledby="nav-home-tab">
                <div class="table-responsive">
                  <table data-order='[[ 0, "desc" ]]' class="datatable table">
                    <thead class="thead-primary">
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">{{ __('lang.customers') }}</th>
                        <th scope="col">{{ __('lang.status') }}</th>
                        <th scope="col">{{ __('lang.payment_status') }}</th>
                        <th scope="col">{{ __('lang.subtotal') }}</th>
                        <th scope="col">{{ __('lang.total') }}</th>
                        <th scope="col">{{ __('lang.action') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach ($orders['cancelled_orders'] as $order)
                        <tr>
                          <td> {{ $order->number }}</td>
                          <td> {{ $order->user->name }}</td>
                          <td> {{ $order->status }}</td>
                          <td> {{ $order->payment_status }}</td>
                          <td> {{ $order->subtotal }}</td>
                          <td> {{ $order->total }}</td>
                          <td> <a class="btn btn-info"
                              href="{{ route('admins.orders.show', $order->number) }}">{{ __('lang.view') }}</a> </td>
                        </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

  </div>
@endsection

@section('script')
@endsection