@extends('layouts.app')

@section('content')
<div class="row">
  <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-user text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">{{$total_emp}}</h4>
              <span>No of Employees</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row match-height">
    <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 Employee</h5>
                <a href="{{url('employee/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">Employee List</h5>
                  <a href="{{url('employee_listing')}}" class="text-white"><span>View List</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">Employee Advance</h5>
                  <a href="{{url('employee_advance')}}" class="text-white"><span>View</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">Employee Voucher</h5>-->
    <!--              <a href="{{url('employee_voucher')}}" 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">View Employee Voucher</h5>
                  <a href="{{url('employee_voucher_list')}}" class="text-white"><span>View</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">Vendor Ledger</h5>
                <a href="#" 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">General Payment</h5>
                  <a href="/general_payment" class="text-white"><span>Add New</span></a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div> --}}
</div>
@endsection