<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
?>
<div class="col-12 mb-5">
    <br>
    <br>
    <!-- Indicadores de reportes de estados -->
    <div class="row">
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/reports_by_state.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Reportes por estado</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los reportes hechos por todos los estados</p>
                    <a href="./?view=indicadores_estados" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/products_by_type.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Tipos de productos</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los productos comunicacionales por sus tipos de todos los estados</p>
                    <a href="./?view=indicadores_tipos_productos" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/products_by_category.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Categorias de productos</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los productos comunicacionales.</p>
                    <a href="./?view=indicadores_categorias_productos" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/reports_by_action_line.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Lineas de accion</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los reportes por su linea de accion.</p>
                    <a href="./?view=indicadores_reporte_linea_accion" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/reports_by_strategic_action.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Estrategias de accion</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los reportes por su estrategia de accion.</p>
                    <a href="./?view=indicadores_reporte_accion_estrategica" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/reports_by_training_type.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Tipos de cursos</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los reportes por tipos de cursos.</p>
                    <a href="./?view=indicadores_reporte_tipo_de_curso" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
        <div class="col-md-3 p-5">
            <div class="card" style="width: 18rem; height:450px;">
                <img loading="lazy" class="card-img-top" src="uploads/indicators/reports_by_workshop_type.png" alt="Image cap">
                <div class="card-body">
                    <h5 class="card-title">Tipos de talleres</h5>
                    <p class="card-text">Aqui se muestra el indicador de todos los reportes por tipos de talleres.</p>
                    <a href="./?view=indicadores_reporte_tipo_de_taller" class="btn btn-primary">Acceder</a>
                </div>
            </div>
        </div>
    </div>
</div>

