@extends('admin.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        <h4>Students Statics</h4>
        <div class="row mt-4 mt-lg-5 align-items-center">
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-primary bg-opacity-10 mb-3 mb-xxl-0">
                    
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">15</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Students</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-success bg-opacity-10 mb-3 mb-xxl-0">
                    
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">16</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Agents</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-warning bg-opacity-10 mb-3 mb-xxl-0">
                    
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">17</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Staff</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-danger bg-opacity-10 mb-3 mb-xxl-0">
                   
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">18</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Universities</div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row mt-4 mt-lg-5 align-items-center">
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-primary bg-opacity-10 mb-3 mb-xxl-0">
                   
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">19</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">All Program</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-success bg-opacity-10 mb-3 mb-xxl-0">
                    
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">20</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Total Application</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-warning bg-opacity-10 mb-3 mb-xxl-0">
                    
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">21</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Approved Application</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-danger bg-opacity-10 mb-3 mb-xxl-0">
                   
                    <div class="pxp-dashboard-stats-card-info"> 
                        <div class="pxp-dashboard-stats-card-info-number">22</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Rejected Application</div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row mt-4 mt-lg-5 align-items-center">
            <div class="col-sm-4 col-xxl-4">
                <div class="pxp-dashboard-stats-card bg-primary bg-opacity-10 mb-3 mb-xxl-0">
                   
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">23</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Total Payment</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-xxl-4">
                <div class="pxp-dashboard-stats-card bg-success bg-opacity-10 mb-3 mb-xxl-0">
                   
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">24</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Total Payment</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-xxl-4">
                <div class="pxp-dashboard-stats-card bg-warning bg-opacity-10 mb-3 mb-xxl-0">
                   
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">25</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Total Commission Fees</div>
                    </div>
                </div>
            </div>
            
        </div>
     
    </div>    
@endsection