@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-success" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
              <div class="col-4">
                <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
              </div>
              <div class="col-8 text-right pl-0">
                <h5 class="text-white mb-2">Add Shipping</h5>
                <a href="{{url('shipping/create')}}" class="text-white"><span>Add New</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-danger" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
                <div class="col-4">
                  <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
                </div>
                <div class="col-8 text-right pl-0">
                  <h5 class="text-white mb-2">View All Shipping</h5>
                  <a href="{{url('shipping_list')}}" class="text-white"><span>View All Shipping</span></a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-info" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
                <div class="col-4">
                  <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
                </div>
                <div class="col-8 text-right pl-0">
                  <h5 class="text-white mb-2">Record D.O</h5>
                  <a href="{{url('delivery_order')}}" class="text-white"><span>Add New</span></a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-warning" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
                <div class="col-4">
                  <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
                </div>
                <div class="col-8 text-right pl-0">
                  <h5 class="text-white mb-2">Security Deposit Details</h5>
                  <a href="{{url('delivery_order_list')}}" class="text-white"><span>View</span></a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div class="row">
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-success" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
              <div class="col-4">
                <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
              </div>
              <div class="col-8 text-right pl-0">
                <h5 class="text-white mb-2">Update NOC</h5>
                <a href="{{url('update_noc')}}" class="text-white"><span>Add New</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
     <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-info" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
                <div class="col-4">
                  <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
                </div>
                <div class="col-8 text-right pl-0">
                  <h5 class="text-white mb-2">Update Refund Status</h5>
                  <a href="{{url('update_refund_status')}}" class="text-white"><span>Add New</span></a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card bg-danger" style="height: 145.6px;">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="row text-white">
                <div class="col-4">
                  <h1><i class="fa fa-usd background-round text-white p-2 font-medium-3"></i></h1>
                </div>
                <div class="col-8 text-right pl-0">
                  <h5 class="text-white mb-2">Record Deposit refund</h5>
                  <a href="{{url('record_security_fund')}}" class="text-white"><span>Add New</span></a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-12 mt-3">
        <h4>Shipping Details
        </h4>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card gradient-orange-amber">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="media">
              <div class="align-center">
                <i class="icon-pointer text-white font-large-2 float-left"></i>
              </div>
              <div class="media-body text-white text-right">
                <h3 class="text-white">{{$pending_do}}</h3>
                <span>Number of Pending D.O's</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card gradient-light-blue-cyan">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="media">
              <div class="align-center">
                <i class="icon-pencil text-white font-large-2 float-left"></i>
              </div>
              <div class="media-body text-white text-right">
                <h3 class="text-white">{{$current_month_do}}</h3>
                <span>Current Month D.O's</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @if (auth()->user()->roles[0]->name == 'admin')    
      <div class="col-xl-3 col-lg-6 col-12">
        <div class="card gradient-red-pink">
          <div class="card-body">
            <div class="px-3 py-3">
              <div class="media">
                <div class="align-center">
                  <i class="icon-speech text-white font-large-2 float-left"></i>
                </div>
                <div class="media-body text-white text-right">
                  <h3 class="text-white">PKR {{$shipping_deposit->balance}}</h3>
                  <span>Amount of Security Deposit</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card gradient-orange-amber">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="media">
              <div class="align-center">
                <i class="icon-pointer text-white font-large-2 float-left"></i>
              </div>
              <div class="media-body text-white text-right">
                <h3 class="text-white">{{$submitted_refund}}</h3>
                <span>Number of Pending Refund Cases</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card gradient-light-blue-cyan">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="media">
              <div class="align-center">
                <i class="icon-pencil text-white font-large-2 float-left"></i>
              </div>
              <div class="media-body text-white text-right">
                <h3 class="text-white">{{$submitted_refund}}</h3>
                <span>Number of Submitted Refund Cases</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
    
@endsection