@extends('layouts.admin')
@section('title', 'Reports')
@section('page-title', 'Financial Reports')
@section('page-subtitle', 'Access detailed reports for all modules')
@section('content')
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
    <a href="{{ route('admin.reports.savings') }}" class="card p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-green-100 rounded-full flex items-center justify-center">
                <i class="fas fa-piggy-bank text-green-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">Savings Report</h3>
                <p class="text-sm text-gray-500">Collections, reconciliation status</p>
            </div>
        </div>
    </a>
    <a href="{{ route('admin.reports.loans') }}" class="card p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center">
                <i class="fas fa-hand-holding-usd text-blue-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">Loan Portfolio</h3>
                <p class="text-sm text-gray-500">Active, overdue, closed loans</p>
            </div>
        </div>
    </a>
    <a href="{{ route('admin.reports.investors') }}" class="card p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-purple-100 rounded-full flex items-center justify-center">
                <i class="fas fa-chart-line text-purple-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">Investor Report</h3>
                <p class="text-sm text-gray-500">Investments, profit schedules</p>
            </div>
        </div>
    </a>
    <a href="{{ route('admin.reports.atm') }}" class="card p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-orange-100 rounded-full flex items-center justify-center">
                <i class="fas fa-credit-card text-orange-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">ATM Services Report</h3>
                <p class="text-sm text-gray-500">Transactions, fees by period</p>
            </div>
        </div>
    </a>
    <a href="{{ route('admin.reports.pos') }}" class="card p-6 hover:shadow-lg transition-shadow">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-pink-100 rounded-full flex items-center justify-center">
                <i class="fas fa-shopping-cart text-pink-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">POS Sales Report</h3>
                <p class="text-sm text-gray-500">Revenue, items sold</p>
            </div>
        </div>
    </a>
    @if(in_array(session('admin_role'), ['admin','manager','auditor']))
    <a href="{{ route('admin.reports.financial') }}" class="card p-6 hover:shadow-lg transition-shadow border-2 border-teal-200">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-teal-100 rounded-full flex items-center justify-center">
                <i class="fas fa-file-invoice-dollar text-teal-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">Financial P&L</h3>
                <p class="text-sm text-gray-500">Income vs expenses summary</p>
            </div>
        </div>
    </a>
    <a href="{{ route('admin.reports.fraud') }}" class="card p-6 hover:shadow-lg transition-shadow border-2 border-red-200">
        <div class="flex items-center space-x-4">
            <div class="w-14 h-14 bg-red-100 rounded-full flex items-center justify-center">
                <i class="fas fa-shield-alt text-red-600 text-2xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-gray-800">Fraud Alerts</h3>
                <p class="text-sm text-gray-500">Suspicious activity, overdue</p>
            </div>
        </div>
    </a>
    @endif
</div>
@endsection