@extends('backend.layouts.app')


@section('content')

<div class="p-3">
    <div class="row">

        <div class="col-lg-3 col-6">
            <div class="small-box bg-secondary">
              <div class="inner">
                <h3>{{ count(App\Models\Order::where('slug', null)->get()) }}</h3>
                <p>Orders</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a href="{{ url('admin/order') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>

          <div class="col-lg-3 col-6">
            <div class="small-box bg-secondary">
              <div class="inner">
                <h3>{{ count(App\Models\Order::where('order_status', 'For Shipped')->get()) }}</h3>
                <p>Shipped</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a class="small-box-footer shipps">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>

          <div class="col-lg-3 col-6">
            <div class="small-box bg-secondary">
              <div class="inner">
                <h3>{{ count(App\Models\Order::where('order_status', 'For Confirmation')->get()) }}</h3>
                <p>Confirmation</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a class="small-box-footer confi">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>

          <div class="col-lg-3 col-6">
            <div class="small-box bg-secondary">
              <div class="inner">
                <h3>{{ count(App\Models\Order::where('order_status', 'Received')->get()) }}</h3>
                <p>Received</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a class="small-box-footer recived">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>

          <div class="col-lg-3 col-6">
            <div class="small-box bg-secondary">
              <div class="inner">
                <h3>{{ count(App\Models\Order::where('order_status', 'Complete')->get()) }}</h3>
                <p>Complete</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a class="small-box-footer comles">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
    </div>
</div>




<div class="p-3">
    <div class="card shipp">
        <div class="card-body">
          <table id="location1" class="table table-striped" style="width:100%">
            <thead>
              <tr>
                <th style="width: 196.65px !important;">Order #</th>
                <th style="width: 278.617px !important;">Customer Info</th>
                <th style="width: 192.917px !important;">Items</th>
                <th style="width: 242.483px !important;">Total Amount</th>
                <th style="width: 263.4px !important;">Payment Status</th>
                <th style="width: 207.933px !important;">Order Status</th>
              </tr>
            </thead>
            
            <tbody>
              @foreach ($shipped as $shippeds)
              @php
              $items = json_decode($shippeds->items);
              $quantities = json_decode($shippeds->quantity);
              @endphp
                <tr>
                    <td>{{$shippeds->reference}}</td>
                    <td>{{$shippeds->personalFirstname}}</td>
                    <td>
                      @if ($items && $quantities)
                      @foreach ($items as $index => $item)
                      {{ $item }} x {{ $quantities[$index] }}<br>
                      @endforeach
                      @endif
                    </td>
                    <td>{{$shippeds->total_amount}}</td>
                    <td>{{$shippeds->payment_status}}</td>
                    <td>{{$shippeds->order_status}}</td>
                </tr>
                @endforeach
            </tbody>
          </table>
        </div>
      </div>
</div>

<div class="p-3">
  <div class="card conf">
      <div class="card-body">
        <table id="location2" class="table table-striped" style="width:100%">
          <thead>
            <tr>
              <th>Order #</th>
              <th>Customer Info</th>
              <th>Items</th>
              <th>Total Amount</th>
              <th>Payment Status</th>
              <th>Order Status</th>
            </tr>
          </thead>
          
          <tbody>
            @foreach ($confirm as $confirms)
            @php
            $items = json_decode($confirms->items);
            $quantities = json_decode($confirms->quantity);
            @endphp
              <tr>
                  <td>{{$confirms->reference}}</td>
                  <td>{{$confirms->personalFirstname}}</td>
                  <td> 
                    @if ($items && $quantities)
                    @foreach ($items as $index => $item)
                    {{ $item }} x {{ $quantities[$index] }}<br>
                    @endforeach
                    @endif
                  </td>
                  <td>{{$confirms->total_amount}}</td>
                  <td>{{$confirms->payment_status}}</td>
                  <td>{{$confirms->order_status}}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
</div> 

<div class="p-3">
  <div class="card recive">
      <div class="card-body">
        <table id="location3" class="table table-striped" style="width:100%">
          <thead>
            <tr>
              <th>Order #</th>
              <th>Customer Info</th>
              <th>Items</th>
              <th>Total Amount</th>
              <th>Payment Status</th>
              <th>Order Status</th>
            </tr>
          </thead>
          
          <tbody>
            @foreach ($recivedd as $recivedds)
            @php
            $items = json_decode($recivedds->items);
            $quantities = json_decode($recivedds->quantity);
            @endphp
              <tr>
                  <td>{{$recivedds->reference}}</td>
                  <td>{{$recivedds->personalFirstname}}</td>
                  <td>
                    @if ($items && $quantities)
                    @foreach ($items as $index => $item)
                    {{ $item }} x {{ $quantities[$index] }}<br>
                    @endforeach
                    @endif
                  </td>
                  <td>{{$recivedds->total_amount}}</td>
                  <td>{{$recivedds->payment_status}}</td>
                  <td>{{$recivedds->order_status}}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
</div> 

<div class="p-3">
  <div class="card comle">
      <div class="card-body">
        <table id="location4" class="table table-striped" style="width:100%">
          <thead>
            <tr>
              <th>Order #</th>
              <th>Customer Info</th>
              <th>Items</th>
              <th>Total Amount</th>
              <th>Payment Status</th>
              <th>Order Status</th>
            </tr>
          </thead>
          
          <tbody>
            @foreach ($compl as $compls)
            @php
            $items = json_decode($compls->items);
            $quantities = json_decode($compls->quantity);
            @endphp
              <tr>
                  <td>{{$compls->reference}}</td>
                  <td>{{$compls->personalFirstname}}</td>
                  <td>
                    @if ($items && $quantities)
                    @foreach ($items as $index => $item)
                    {{ $item }} x {{ $quantities[$index] }}<br>
                    @endforeach
                    @endif
                  </td>
                  <td>{{$compls->total_amount}}</td>
                  <td>{{$compls->payment_status}}</td>
                  <td>{{$compls->order_status}}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
</div> 


<script>
  $(document).ready(function () {
    $(".shipp").hide();
    $(".conf").hide();
    $(".recive").hide();
    $(".comle").hide();

     $(".shipps").click(function(){
      // alert('test');
       $(".shipp").show();
       $(".conf").hide();
       $(".recive").hide();
       $(".comle").hide();

       
     });
     $(".confi").click(function(){
      // alert('test');
       $(".shipp").hide();
       $(".conf").show();
       $(".recive").hide();
       $(".comle").hide();
       
     });
     $(".recived").click(function(){
      // alert('test');
      $(".shipp").hide();
      $(".conf").hide();
       $(".recive").show();
       $(".comle").hide();
       
     });
     $(".comles").click(function(){
      // alert('test');
      $(".shipp").hide();
      $(".conf").hide();
       $(".recive").hide();
       $(".comle").show();
       
     });
  });
</script>



@endsection