@extends('layouts.app')

@section('title', 'Report Templates')

@section('content')
<div class="container py-12">
    <div class="max-w-6xl mx-auto">
        <h1 class="text-3xl font-bold mb-8">Report Templates</h1>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <!-- Standard Template -->
            <div class="border rounded-lg p-6 hover:shadow-lg transition">
                <h3 class="text-xl font-bold mb-2">Standard Report</h3>
                <p class="text-gray-600 mb-4">Comprehensive financial analysis with recommendations</p>
                <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">View</button>
            </div>

            <!-- Executive Summary -->
            <div class="border rounded-lg p-6 hover:shadow-lg transition">
                <h3 class="text-xl font-bold mb-2">Executive Summary</h3>
                <p class="text-gray-600 mb-4">Quick overview perfect for management</p>
                <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">View</button>
            </div>

            <!-- Detailed Analysis -->
            <div class="border rounded-lg p-6 hover:shadow-lg transition">
                <h3 class="text-xl font-bold mb-2">Detailed Analysis</h3>
                <p class="text-gray-600 mb-4">In-depth metrics and component analysis</p>
                <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">View</button>
            </div>
        </div>
    </div>
</div>
@endsection