@extends('layouts.admin')
@section('status1','active')
@section('title','Dashbaord')
@section('headerTitle','Dasbaord')
@section('content')

<div class="row">
    <div class="col-sm col-lg col-md col-xl">
        <div class="card">
            <h5>Posts</h5>
            <div style="display: flex; align-items: center; justify-content: center;">
                <div class="card-icon">
                    <i class="fas fa-star" style="color: gold;"></i>
                </div>
                <div class="card-number">{{ $post }}</div> <!-- Replace with your total number -->

            </div>
            <a href="{{ route('posts.index') }}" class="card-link">View Details</a>
            <!-- Replace with your link button text and link -->
        </div>
    </div>
    <div class="col-sm col-lg col-md col-xl">
        <div class="card">
            <h5>Annoucements</h5>
            <div style="display: flex; align-items: center; justify-content: center;">
                <div class="card-icon">
                    <i class="fas fa-star" style="color: gold;"></i>
                </div>
                <div class="card-number">{{ $career }}</div> <!-- Replace with your total number -->

            </div>
            <a href="{{ route('career-opportunities.index') }}" class="card-link">View Details</a>
            <!-- Replace with your link button text and link -->
        </div>
    </div>
    <div class="col-sm col-lg col-md col-xl">
        <div class="card">
            <h5>Slideshow</h5>
            <div style="display: flex; align-items: center; justify-content: center;">
                <div class="card-icon">
                    <i class="fas fa-star" style="color: gold;"></i>
                </div>
                <div class="card-number">{{ $slideshow }}</div> <!-- Replace with your total number -->

            </div>
            <a href="{{ route('slideshows.index') }}" class="card-link">View Details</a>
            <!-- Replace with your link button text and link -->
        </div>
    </div>
</div>
<br>

{{-- <div class="chart-container">
    <canvas id="visitorsChart" width="1150" height="200"></canvas>
</div> --}}
@endsection