@extends('admin.app')

@section('title', 'Dashboard')

@section('content')
<style>
    .fw-bold{
        color:#ECA90D;
    }
</style>
<div class="container-fluid mt-5" style="background-color: #fffed9; min-height: 100vh; padding:20px;">

<h2 class="mb-4" style="color:#01295E;">
    <i class="fas fa-user-shield me-2"></i> Admin Dashboard
</h2>
<!-- Summary Cards -->
<div class="row g-4 mb-5">
<div class="col-md-4">
    <div class="card shadow-sm h-100 border-warning">
        <div class="card-body d-flex align-items-center justify-content-between">
            <div>
                <h5 class="card-title" style="color:#ECA90D;"> Projects</h5>
                <h3 class="fw-bold">{{ \App\Models\Project::count() }}</h3>
            </div>
            <i class="fas fa-building fa-2x" style="color:#ECA90D;"></i>
        </div>
    </div>
</div>
    <!-- Blogs -->
    <div class="col-md-4">
        <div class="card shadow-sm h-100 border-warning">
            <div class="card-body d-flex align-items-center justify-content-between">
                <div>
<h5 class="card-title"style="color:#ECA90D;">
    Blogs
</h5>

<h3 class="fw-bold">
    {{ \App\Models\Blog::count() }}
</h3>                </div>
                <i class="fas fa-newspaper fa-2x"style="color:#ECA90D;"></i>
            </div>
        </div>
    </div>

    <!-- Inquiries -->
    <div class="col-md-4">
        <div class="card shadow-sm h-100 border-warning">
            <div class="card-body d-flex align-items-center justify-content-between">
                <div>
<h5 class="card-title"style="color:#ECA90D;">Blog Category</h5>
<h3 class="fw-bold">                    {{ \App\Models\BlogCategory::count() }}</h3>

                </div>
                <i class="fas fa-file-signature fa-2x"style="color:#ECA90D;"></i>
            </div>
        </div>
    </div>

    <!-- Careers -->
<div class="col-md-4">
    <div class="card shadow-sm h-100 border-warning">
        <div class="card-body d-flex align-items-center justify-content-between">
            <div>
                <h5 class="card-title" style="color:#ECA90D;">Gallery Categories</h5>
                <h3 class="fw-bold">{{ \App\Models\GalleryCategory::count() }}</h3>
            </div>
            <i class="fas fa-images fa-2x" style="color:#ECA90D;"></i>
        </div>
    </div>
</div>
    <!-- Gallery Images -->
<div class="col-md-4">
    <div class="card shadow-sm h-100 border-warning">

        <div class="card-body d-flex align-items-center justify-content-between">

            <div>

                <h5 class="card-title"style="color:#ECA90D;">
                    Gallery Images
                </h5>

                <h3 class="fw-bold">
                    {{ \App\Models\Gallery::whereNull('youtube_url')->count() }}
                </h3>

            </div>

            <i class="fa fa-image fa-2x"style="color:#ECA90D;"></i>

        </div>

    </div>
</div>

<!-- Gallery Videos -->
<div class="col-md-4">
    <div class="card shadow-sm h-100 border-warning">

        <div class="card-body d-flex align-items-center justify-content-between">

            <div>

                <h5 class="card-title"style="color:#ECA90D;">
                    Gallery Videos
                </h5>

                <h3 class="fw-bold">
                    {{ \App\Models\Gallery::whereNotNull('youtube_url')->count() }}
                </h3>

            </div>

            <i class="fa fa-video fa-2x"style="color:#ECA90D;"></i>

        </div>

    </div>
</div>
    <!-- Messages -->
    <div class="col-md-4">
    <div class="card shadow-sm h-100 border-warning">
        <div class="card-body d-flex align-items-center justify-content-between">
            <div>
                <h5 class="card-title" style="color:#ECA90D;">Total Locations</h5>
                <h3 class="fw-bold">{{ \App\Models\Location::count() }}</h3>
            </div>
            <i class="fas fa-map-marker-alt fa-2x" style="color:#ECA90D;"></i>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="card shadow-sm h-100 border-warning">
        <div class="card-body d-flex align-items-center justify-content-between">
            <div>
                <h5 class="card-title" style="color:#ECA90D;">Job Positions</h5>
                <h3 class="fw-bold">{{ \App\Models\JobPosition::count() }}</h3>
            </div>
            <i class="fas fa-briefcase fa-2x" style="color:#ECA90D;"></i>
        </div>
    </div>
</div>


</div>



    <!-- Recent Visitors & Exhibitors -->
    <div class="row mb-5">
        <div class="col-12">
            <div class="card border-warning shadow-sm">
                <div class="card-header  text-white" style="background-color: #01295E">Admin</div>
                <div class="card-body p-0">
                    <table class="table table-striped table-hover mb-0">
                        <thead class="bg-success text-white">
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Time</th>
                            </tr>
                        </thead>
                        <tbody>
                       @forelse(\App\Models\Admin::latest()->take(5)->get() as $index => $admin)
    <tr>
        <td>{{ $index + 1 }}</td>
        <td>{{ $admin->name }}</td>
        <td>{{ $admin->email }}</td>
        <td>{{ $admin->created_at ? $admin->created_at->format('d-m-Y H:i') : '-' }}</td>
    </tr>
@empty
    <tr>
        <td colspan="4" class="text-center">No admin users found</td>
    </tr>
@endforelse



                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

</div>

@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

@endpush