@extends('admin.layouts.app')

@section('content')
        <div class="container-fluid py-4">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0 pb-4">
                    <div class="card h-144 card-linear-gradient">
                        <div class="card-body p-3">
                            <p class="mb-1 pt-2 text-bold">Total Blue Star Contracts</p>
                            <h5 class="font-weight-bolder">250</h5>
                            <p class="mb-1 pt-2 text-bold">Ctrl + B</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0 pb-4">
                    <div class="card h-144 card-linear-gradient">
                        <div class="card-body p-3">
                            <p class="mb-1 pt-2 text-bold">Total TAPL Contracts</p>
                            <h5 class="font-weight-bolder">230</h5>
                            <p class="mb-1 pt-2 text-bold">Ctrl + T</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0 pb-4">
                    <div class="card h-144 card-linear-gradient">
                        <div class="card-body p-3">
                            <p class="mb-1 pt-2 text-bold">On Demand Service Customer</p>
                            <p class="mb-1 pt-2 text-bold">Ctrl + D</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0 pb-4">
                    <div class="card h-144 card-linear-gradient">
                        <div class="card-body p-3">
                            <p class="mb-1 pt-2 text-bold">Active staff</p>
                            <h5 class="font-weight-bolder">15</h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0 pb-4">
                    <div class="card h-144 card-linear-gradient">
                        <div class="card-body p-3">
                            <h5 class="font-weight-bolder">Payment Status</h5>
                            <div class="row">
                                <div class="col-md-6">
                                    <p class="mb-1 pt-2 text-bold">Blue Star Collected</p>
                                    <h5 class="font-weight-bolder">50</h5>
                                </div>
                                <div class="col-md-6">
                                    <p class="mb-1 pt-2 text-bold">Blue Star Dues</p>
                                    <h5 class="font-weight-bolder">0</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 mb-lg-0 pb-4">
                    <div class="card h-144 card-linear-gradient">
                        <div class="card-body p-3">
                            <h5 class="font-weight-bolder">Payment Status</h5>
                            <div class="row">
                                <div class="col-md-6">
                                    <p class="mb-1 pt-2 text-bold">TAPL Collected</p>
                                    <h5 class="font-weight-bolder">50</h5>
                                </div>
                                <div class="col-md-6">
                                    <p class="mb-1 pt-2 text-bold">TAPL Dues</p>
                                    <h5 class="font-weight-bolder">0</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
           
@endsection