<div class="row mb-3">
    <div class="col-xl-3 col-md-6 col-6">
    <x-dashboard-card
        title="Today's Attendance"
        value="{{ $total_present ?? 0 }}"
        trendClass="text-success"
        trendIcon="{{ $total_present > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"
        trendText="Since last month"
        borderColor="var(--success)"
        icon="fas fa-file-alt"
        iconColor="text-success"
    />
    </div>

    <!-- pending homework -->
    <div class="col-xl-3 col-md-6 col-6">
    <x-dashboard-card
        title="Today's Late Attendance"
        value="{{ $total_late ?? 0 }}"
        trendClass="text-success"
        trendIcon="{{ $total_late > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"
        trendText="Since last month"
        borderColor="var(--blue)"
        icon="fas fa-file-invoice-dollar"
        iconColor="text-primary"
    />
    </div>
<div class="col-xl-3 col-md-6 col-6">
    <x-dashboard-card
        title="Yesterday Attendance"
        value="{{ $yesterday_present ?? 0 }}"
        trendClass="text-success"
        trendIcon="{{ $yesterday_present > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"
        trendText="Since last month"
        borderColor="var(--blue)"
        icon="fas fa-file-alt"
        iconColor="text-primary"
    />
</div>
<div class="col-xl-3 col-md-6 col-6">
    <x-dashboard-card
        title="Total Students"
        value="{{ $total_students ?? 0 }}"
        trendClass="text-success"
        trendIcon="{{ $total_students > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"
        trendText="Since last month"
        borderColor="var(--blue)"
        icon="fas fa-file-invoice-dollar"
        iconColor="text-primary"
    />
</div>
{{--    --}}
{{--    <x-dashboard-card--}}
{{--        title=""--}}
{{--        value="{{ $total_homework ?? 0 }}"--}}
{{--        trendClass="text-success"--}}
{{--        trendIcon="{{ $total_homework > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"--}}
{{--        trendText="Since last month"--}}
{{--        borderColor="var(--blue)"--}}
{{--        icon="fas fa-file-invoice-dollar"--}}
{{--        iconColor="text-primary"--}}
{{--    />--}}

{{--    <x-dashboard-card--}}
{{--        title="Submitted Homework"--}}
{{--        value="{{ $submitted_homework ?? 0 }}"--}}
{{--        trendClass="text-success"--}}
{{--        trendIcon="{{ $submitted_homework > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"--}}
{{--        trendText="Since last month"--}}
{{--        borderColor="var(--blue)"--}}
{{--        icon="fas fa-file-invoice-dollar"--}}
{{--        iconColor="text-primary"--}}
{{--    />--}}

{{--    <!-- pending homework -->--}}
{{--    <x-dashboard-card--}}
{{--        title="Pending Homework"--}}
{{--        value="{{ $total_homework - $submitted_homework ?? 0 }}"--}}
{{--        trendClass="text-success"--}}
{{--        trendIcon="{{ $total_homework - $submitted_homework > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"--}}
{{--        trendText="Since last month"--}}
{{--        borderColor="var(--blue)"--}}
{{--        icon="fas fa-file-invoice-dollar"--}}
{{--        iconColor="text-primary"--}}
{{--    />--}}

{{--    <x-dashboard-card--}}
{{--        title="Total Students"--}}
{{--        value="{{ $total_students ?? 0 }}"--}}
{{--        trendClass="text-success"--}}
{{--        trendIcon="{{ $total_students > 0 ? 'fa fa-arrow-up' : 'fa fa-arrow-down' }}"--}}
{{--        trendText="Since last month"--}}
{{--        borderColor="var(--blue)"--}}
{{--        icon="fas fa-file-invoice-dollar"--}}
{{--        iconColor="text-primary"--}}
{{--    />--}}


</div>


