@extends('layouts.app')
@section('content')
<div class="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 py-8 px-4 md:px-8">
    <div class="max-w-7xl mx-auto">
        <h1 class="text-3xl font-bold text-black mb-2">{{ __('Zakat Reports') }}</h1>
        <p class="text-black mb-8">{{ __('This page is under development') }}</p>
        <div class="bg-white rounded-xl shadow-lg p-8 border border-gray-200">
            <div class="flex flex-col items-center justify-center py-12">
                <i class="fas fa-chart-bar text-black text-5xl mb-4"></i>
                <h2 class="text-2xl font-semibold text-black mb-2">{{ __('Zakat Reports') }}</h2>
            </div>
        </div>
    </div>
</div>
@endsection