@extends('layouts.app')

@section('content')

<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 Vendors</h5>
              <a href="{{url('vendors/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">Enter Bills</h5>
              <a href="{{url('enter_bills')}} " 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">Pay Bills</h5>
              <a href="{{url('pay_bills')}}" 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 Refund</h5>
              <a href="{{url('payment_refund')}}" 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">Vendor List</h5>
              <a href="{{url('vendor_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-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="{{url('vendor_ledger')}}" 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="{{url('general_payment')}}" class="text-white"><span>Add New</span></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection