{% extends '@EasyAdmin/page/content.html.twig' %}

{% block page_title %}Admin Dashboard{% endblock %}

{% block main %}
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h1 class="h3 mb-4">Welcome to the Admin Panel</h1>
            <p class="text-muted mb-4">Use the sidebar menu to manage your M&E data.</p>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 col-sm-6 mb-4">
            <div class="card bg-primary text-white h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-folder me-2"></i>Projects</h5>
                    <p class="card-text">Manage conservation projects, budgets, and timelines.</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 col-sm-6 mb-4">
            <div class="card bg-success text-white h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-chart-line me-2"></i>Indicators</h5>
                    <p class="card-text">Track M&E indicators, baselines, and targets.</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 col-sm-6 mb-4">
            <div class="card bg-info text-white h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-ruler me-2"></i>Measurements</h5>
                    <p class="card-text">Record and verify indicator measurements.</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 col-sm-6 mb-4">
            <div class="card bg-warning text-dark h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-tasks me-2"></i>Activities</h5>
                    <p class="card-text">Schedule and track conservation activities.</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 col-sm-6 mb-4">
            <div class="card bg-secondary text-white h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-map-marker-alt me-2"></i>Locations</h5>
                    <p class="card-text">Manage conservation sites and coordinates.</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 col-sm-6 mb-4">
            <div class="card bg-dark text-white h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="fa fa-users me-2"></i>Users</h5>
                    <p class="card-text">Manage admin users and permissions.</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}