@extends('layouts.app')

@section('title')
Purchase Request
@stop

@section('breadcrumb')
<ol class="breadcrumb pull-right">
        <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>

        <li class="active">Purchase Request</li>
      </ol>
@stop

@section('content')
  <div class="container-fluid">
  <div class="row">
            
            <div class="col-md-4">
            <div class="white-box bg-success color-box">
            <h1 style="font-size: 3rem;" class="text-white font-light m-b-0">Purchase Requests</h1>
            
            <p class="cb-text">Info</p>
            <h6 class="text-white font-semibold">Complete <span style="margin-left: 2rem;" class="font-light">2</span></h6>

            <h6 class="text-white font-semibold">Pending <span style="margin-left: 3rem;" class="font-light">3</span></h6>

            <h6 class="text-white font-semibold">In progress <span style="margin-left: 1rem;" class="font-light">5</span></h6>
           
            </div>
            </div>



             <div class="col-md-4">
            <div class="white-box bg-info color-box">
            <h1 style="font-size: 3rem;" class="text-white font-light m-b-0">Purchase Orders</h1>
            
            <p class="cb-text">Info</p>
            <h6 class="text-white font-semibold">Sent <span style="margin-left: 2rem;" class="font-light">2</span></h6>

            <h6 class="text-white font-semibold">Received <span style="margin-left: 3rem;" class="font-light">3</span></h6>

            <h6 class="text-white font-semibold">Partially Received<span style="margin-left: 1rem;" class="font-light">5</span></h6>
           
            </div>
            </div>




             <div class="col-md-4">
            <div class="white-box bg-warning color-box">
            <h1 style="font-size: 3rem;" class="text-white font-light m-b-0">Receipts</h1>
            
            <p class="cb-text">Info</p>
             <h6 class="text-white font-semibold">Paid <span style="margin-left: 2rem;" class="font-light">2</span></h6>

            <h6 class="text-white font-semibold">Unpaid <span style="margin-left: 3rem;" class="font-light">3</span></h6>

            <h6 class="text-white font-semibold">Partially Paid<span style="margin-left: 1rem;" class="font-light">5</span></h6>
           
            </div>
            </div>

</div>

</div>
@stop