@extends('admin.layouts.app')
@section('content')
<div class="app-title">
	<div>
		<h1>
			<i class="fa-light fa-gauge-high mx-1"></i> Dashboard
		</h1>
		<p></p>
	</div>
</div>
<div class="container card-container">
	<div class="row">
		<!-- all cbhurches count  -->
		<div class="col-md-3 mb-4">
			<div class="custom-card card-employees">
				<i class="fas fa-church icon"></i>
				<div class="card-value">{{ $churches_count ?? '0'}}</div>
				<div class="card-label">Total Church</div>
			</div>
		</div>
		<!-- all leader users count -->
		<div class="col-md-3 mb-4">
			<div class="custom-card card-leave-requests">
				<i class="fas fa-user-tie icon"></i>
				<div class="card-value">{{ $leader_users_count ?? '0'}}</div>
				<div class="card-label">Total Leader[Father]</div>
			</div>
		</div>
		<!-- all uses count -->
		<div class="col-md-3 mb-4">
			<div class="custom-card card-leave-requests">
				<i class="fas fa-users icon"></i>
				<div class="card-value">{{ $all_users_count ?? '0'}}</div>
				<div class="card-label">Total User's</div>
			</div>
		</div>
		<!-- prayed prayer counts-->
		<div class="col-md-3 mb-4">
			<div class="custom-card card-leave-requests">
				<i class="fas fa-praying-hands icon"></i>
				<div class="card-value">{{ $prayed_prayer_count ?? '0'}}</div>
				<div class="card-label">Total Prayers Prayed</div>
			</div>
		</div>
	</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

@endsection