@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-md-12 mt-3">
        <h4>Warehouse Management</h4>
    </div>
    <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">Self Clearing Inventory</h5>
                <a href="{{url('selfclearinginventory')}}" 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">Local Purchased Inventory</h5>
                  <a href="{{url('local_purchase')}}" 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">Client Inventory (NEW)</h5>
                  <a href="{{url('client_inventory')}}" 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">Client Inventory (Transfer)</h5>
                    <a href="{{url('client_inventory_transfer')}}" 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-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">Delivery of goods</h5>
                  <a href="{{url('delivery_goods')}}" 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">Payment of Warehouse</h5>
                    <a href="{{url('warehouse_payment')}}" 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">Record Warehouse Rent</h5>
                    <a href="{{url('warehouse_rent')}}" 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">Payment to Transporter</h5>
                    <a href="{{url('transfer_payment')}}" 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-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 or Update Warehouse</h5>
                <a href="{{url('warehouse_list')}}" 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">Add or Update Transporter</h5>
                <a href="{{url('transporter')}}" class="text-white"><span>Add New</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> --}}
    <div class="col-md-12">
        <h4>Warehouse 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">0</h3>
                <span>Total Warehouse in use

                </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">{{$bags_sum}}</h3>
                <span>No of Bags in Warehouse

                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <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">{{$total_warehouse_payment}}</h3>
                <span>Warehouse Payment Balance</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
    
@endsection