{% extends "base.html" %}
{% block title %}Solicitudes de licencia{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0"><i class="bi bi-inbox"></i> Solicitudes de licencia</h4>
    <div class="btn-group" role="group">
        <a href="{{ url_for('solicitudes.lista', estado='Pendiente') }}"
           class="btn btn-sm {% if estado_filtro == 'Pendiente' %}btn-warning{% else %}btn-outline-warning{% endif %}">
           Pendientes <span class="badge bg-light text-dark">{{ conteos['Pendiente'] }}</span>
        </a>
        <a href="{{ url_for('solicitudes.lista', estado='Aprobada') }}"
           class="btn btn-sm {% if estado_filtro == 'Aprobada' %}btn-success{% else %}btn-outline-success{% endif %}">
           Aprobadas <span class="badge bg-light text-dark">{{ conteos['Aprobada'] }}</span>
        </a>
        <a href="{{ url_for('solicitudes.lista', estado='Rechazada') }}"
           class="btn btn-sm {% if estado_filtro == 'Rechazada' %}btn-danger{% else %}btn-outline-danger{% endif %}">
           Rechazadas <span class="badge bg-light text-dark">{{ conteos['Rechazada'] }}</span>
        </a>
        <a href="{{ url_for('solicitudes.lista', estado='Todas') }}"
           class="btn btn-sm {% if estado_filtro == 'Todas' %}btn-secondary{% else %}btn-outline-secondary{% endif %}">
           Todas
        </a>
    </div>
</div>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Fecha</th>
                    <th>NIT</th>
                    <th>Empresa</th>
                    <th>Responsable</th>
                    <th>Equipo</th>
                    <th>Modulo</th>
                    <th>Estado</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for s in solicitudes %}
                <tr>
                    <td>{{ s.SolicitudID }}</td>
                    <td><small>{{ s.FechaSolicitud.strftime('%Y-%m-%d %H:%M') if s.FechaSolicitud else '' }}</small></td>
                    <td>{{ s.NIT }}</td>
                    <td>
                        <strong>{{ s.NombreEmpresa or '-' }}</strong>
                        {% if s.NombreComercial and s.NombreComercial != s.NombreEmpresa %}
                            <br><small class="text-muted">{{ s.NombreComercial }}</small>
                        {% endif %}
                    </td>
                    <td>
                        {{ s.Responsable or '-' }}
                        {% if s.TelefonoResponsable %}<br><small class="text-muted">{{ s.TelefonoResponsable }}</small>{% endif %}
                    </td>
                    <td><small>{{ s.NombreEquipo or '-' }}</small></td>
                    <td><span class="badge bg-secondary">{{ s.Modulo }}</span></td>
                    <td>
                        {% if s.Estado == 'Pendiente' %}<span class="badge bg-warning text-dark">Pendiente</span>
                        {% elif s.Estado == 'Aprobada' %}<span class="badge bg-success">Aprobada</span>
                        {% else %}<span class="badge bg-danger">Rechazada</span>{% endif %}
                    </td>
                    <td>
                        <a href="{{ url_for('solicitudes.detalle', solicitud_id=s.SolicitudID) }}"
                           class="btn btn-sm btn-primary">
                            <i class="bi bi-eye"></i> Ver
                        </a>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="9" class="text-center text-muted py-4">Sin solicitudes en este estado.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}