@extends('admin.layouts.app')

@section('title', 'FMP CORE - Reports')

@section('breadcrumbs')
    <i class="fa-solid fa-chevron-right mx-3 text-[8px]"></i>
    <span class="text-slate-900">Reports</span>
@endsection

@section('content')
<div class="workspace-console h-full p-8 shadow-sm flex flex-col items-center justify-center text-center">
    <div class="w-24 h-24 bg-teal-50 rounded-full flex items-center justify-center mb-6">
        <i class="fa-solid fa-chart-line text-4xl text-[#00ada8]"></i>
    </div>
    <h2 class="text-2xl font-extrabold text-slate-800 mb-2">Reports Dashboard</h2>
    <p class="text-slate-500 max-w-md">This page is ready for your analytics and reports. You can build out charts and data tables here.</p>
    <button class="mt-8 bg-[#00ada8] text-white px-6 py-3 rounded-xl text-sm font-extrabold shadow-lg shadow-[#00ada8]/20 hover:scale-105 transition-all">
        Configure Reports
    </button>
</div>
@endsection
