<!--
Archivo: Menuppal.html
Ruta: src/templates/SupYCtrol/Menuppal.html
Lenguaje: HTML
-->

{% extends "layout.html" %}

{% block title %}Menú Supervisión y Control - IGSA{% endblock %}

{% block content %}
<main class="page">
    <section class="clean-block clean-blog-list dark">
        <div class="container">
            <div class="block-heading">
                <h2 class="text-info">Supervisión y Control de Operaciones</h2>
                <p>Bienvenido al sistema de supervisión y control de operaciones. Aquí podrá gestionar y monitorear todas las actividades operativas.</p>
            </div>
            <div class="block-content">
                <!-- Data Master -->
                <div class="clean-blog-post">
                    <div class="row align-items-center">
                        <div class="col-lg-5">
                            <img class="rounded img-fluid" src="{{ url_for('static', filename='img/tech/image4.jpg') }}" alt="Data Master">
                        </div>
                        <div class="col-lg-7">
                            <h3>Data Master</h3>
                            <p>Gestione y controle los datos maestros de su operación.</p>
                            <a class="btn btn-outline-primary btn-sm" href="{{ url_for('SyC_data_master') }}">Ir a Data Master</a>
                        </div>
                    </div>
                </div>

                <!-- Gerente de Supervisión y Control -->
                <div class="clean-blog-post">
                    <div class="row align-items-center">
                        <div class="col-lg-5">
                            <img class="rounded img-fluid" src="{{ url_for('static', filename='img/tech/image4.jpg') }}" alt="Gerente de Supervisión y Control">
                        </div>
                        <div class="col-lg-7">
                            <h3>Gerente de Supervisión y Control</h3>
                            <p>Acceda a las herramientas exclusivas para la supervisión y control general de las operaciones.</p>
                            <a class="btn btn-outline-primary btn-sm" href="{{ url_for('GerenteSyc') }}">Ir a Gerente de Supervisión</a>
                        </div>
                    </div>
                </div>

                <!-- Otras opciones en desarrollo -->
                <div class="clean-blog-post">
                    <div class="row align-items-center">
                        <div class="col-lg-5">
                            <img class="rounded img-fluid" src="{{ url_for('static', filename='img/tech/image4.jpg') }}" alt="En Desarrollo">
                        </div>
                        <div class="col-lg-7">
                            <h3>Otras Opciones</h3>
                            <p>Opciones adicionales para supervisión y control. Próximamente.</p>
                            <button class="btn btn-outline-primary btn-sm" disabled>En Desarrollo</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
{% endblock %}
