{{-- resources/views/admin/dashboard.blade.php --}}
@extends('layouts.app')

@section('title','Admin Dashboard')

@push('styles')
<style>
  /* Teal number styling */
  .text-teal { color: teal; }
</style>
@endpush

@section('content')
<div class="container-fluid py-4">
  <div class="row g-4">
    {{-- Diocese Count --}}
    <div class="col-sm-6 col-lg-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <h5 class="card-title">Dioceses</h5>
          <h2 class="display-4 text-teal">{{ $counts['dioceses'] }}</h2>
        </div>
        <div class="card-footer text-muted">
          Total dioceses
        </div>
      </div>
    </div>

    {{-- Pastorate Count --}}
    <div class="col-sm-6 col-lg-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <h5 class="card-title">Pastorates</h5>
          <h2 class="display-4 text-teal">{{ $counts['pastorates'] }}</h2>
        </div>
        <div class="card-footer text-muted">
          Total pastorates
        </div>
      </div>
    </div>

    {{-- Churches Count --}}
    <div class="col-sm-6 col-lg-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <h5 class="card-title">Churches</h5>
          <h2 class="display-4 text-teal">{{ $counts['churches'] }}</h2>
        </div>
        <div class="card-footer text-muted">
          Total local churches
        </div>
      </div>
    </div>

    {{-- Users Count --}}
    <div class="col-sm-6 col-lg-3">
      <div class="card text-center shadow-sm">
        <div class="card-body">
          <h5 class="card-title">Users</h5>
          <h2 class="display-4 text-teal">{{ $counts['users'] }}</h2>
        </div>
        <div class="card-footer text-muted">
          Registered users
        </div>
      </div>
    </div>
  </div>
</div>
@endsection