@extends('layouts.default')

@section('content')
<div class="container-fluid">
    <div class="report-grid">

        <div class="report-card">
            <div class="report-icon">📊</div>
            <h3>Executive Dashboard Report</h3>
            <p>All KPIs, trends, site performance</p>
            <span class="report-tag">AUTO-GENERATED MONTHLY</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">👮</div>
            <h3>Guard Attendance Report</h3>
            <p>Clock-in/out, late, absent, exceptions</p>
            <span class="report-tag">EXPORT AVAILABLE</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">🚶</div>
            <h3>Patrol &amp; Checkpoint Report</h3>
            <p>Completion, missed, checkpoint detail</p>
            <span class="report-tag">EXPORT AVAILABLE</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">⚠️</div>
            <h3>Incident Summary Report</h3>
            <p>All incidents, response times, trends</p>
            <span class="report-tag">EXPORT AVAILABLE</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">🆘</div>
            <h3>SOS Response Report</h3>
            <p>SOS history, response times, resolution</p>
            <span class="report-tag">EXPORT AVAILABLE</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">👤</div>
            <h3>Visitor Analytics Report</h3>
            <p>Traffic, types, overstays, trends</p>
            <span class="report-tag">EXPORT AVAILABLE</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">📈</div>
            <h3>Site Performance Scorecard</h3>
            <p>Security score, SLA, trends</p>
            <span class="report-tag">PER SITE</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">💰</div>
            <h3>Revenue &amp; Subscription Report</h3>
            <p>MRR, invoices, outstanding</p>
            <span class="report-tag">FINANCE ONLY</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

        <div class="report-card">
            <div class="report-icon">🔐</div>
            <h3>Audit Trail Report</h3>
            <p>All system actions, user activity</p>
            <span class="report-tag">ADMIN ONLY</span>
            <div class="report-actions">
                <a href="#" class="report-view">View</a>
                <a href="#" class="report-export">PDF</a>
                <a href="#" class="report-export">CSV</a>
            </div>
        </div>

    </div>
</div>
@endsection