@php
    $layout = strtolower(auth()->user()->role) === 'admin' ? 'layouts.admin' : 'layouts.manager';
@endphp
@extends($layout)

@section('header')
    <h2 class="font-semibold text-xl text-white">Reports</h2>
@endsection

@section('content')
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <!-- Monthly Attendance Report -->
    <div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded shadow-lg p-6 hover:shadow-xl transition">
        <div class="flex items-center mb-4">
            <div class="text-4xl mr-4">📅</div>
            <h3 class="text-2xl font-bold text-blue-900">Monthly Attendance</h3>
        </div>
        <p class="text-gray-700 mb-4">
            View total present days for each employee in the selected month. Download as PDF.
        </p>
        <a href="{{ route('reports.monthly-attendance') }}" class="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 font-semibold">
            View Report →
        </a>
    </div>

    <!-- Monthly Leave Report -->
    <div class="bg-gradient-to-br from-green-50 to-green-100 rounded shadow-lg p-6 hover:shadow-xl transition">
        <div class="flex items-center mb-4">
            <div class="text-4xl mr-4">📝</div>
            <h3 class="text-2xl font-bold text-green-900">Monthly Leave Requests</h3>
        </div>
        <p class="text-gray-700 mb-4">
            View all leave requests for the selected month. Download as PDF.
        </p>
        <a href="{{ route('reports.monthly-leave') }}" class="inline-block px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700 font-semibold">
            View Report →
        </a>
    </div>
</div>
@endsection