@extends('layouts.app')
@section('header_title', 'Enterprise Report Center')
@section('content')
<div class="bg-white rounded-2xl border p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-6">📑 Exportable Enterprise Reports (PDF / Excel / CSV)</h3>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        @foreach($modules as $mod)
        <div class="p-6 rounded-2xl border bg-gray-50 flex flex-col justify-between">
            <h4 class="font-bold text-[#060453]">{{ $mod }}</h4>
            <div class="flex gap-2 mt-4">
                <button onclick="alert('Exporting PDF Report...')" class="px-3 py-1.5 bg-[#060453] text-white rounded-xl text-xs font-bold">📄 PDF</button>
                <button onclick="alert('Exporting Excel Sheet...')" class="px-3 py-1.5 bg-green-700 text-white rounded-xl text-xs font-bold">📊 Excel</button>
                <button onclick="alert('Exporting CSV File...')" class="px-3 py-1.5 bg-gray-600 text-white rounded-xl text-xs font-bold">📋 CSV</button>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection