<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>REPORTE {% if tipo == 'administrativo' %}ADMINISTRATIVO{% else %}TÁCTICO{% endif %}</title>
    <style>
        @page {
            size: letter landscape;
            margin: 1cm;
        }
        body {
            font-family: Arial, sans-serif;
            margin: 0;
        }
        .header {
            text-align: center;
            margin-bottom: 20px;
        }
        .header img {
            width: 100px;
            height: auto;
        }
        .title {
            font-size: 13px;
            font-weight: bold;
        }
        .table {
            width: 100%;
            margin-top: 20px;
            border-collapse: collapse;
            font-size: 10px;
        }
        .table th, .table td {
            border: 1px solid #000;
            padding: 4px;
            text-align: center;
        }
        .signatures {
            margin-top: 50px;
            width: 100%;
        }
        .signature {
            width: 45%;
            display: inline-block;
            text-align: center;
            padding: 10px;
        }
    </style>
</head>
<body>
    <div class="header">
        <table>
            <tbody>
              <tr>
                <td colspan="5" style="padding: 10px; text-align:center;">
                    <img src="{{ img_dos }}" alt="icon" width="80" height="80">
                </td>
                <td colspan="10">
                    <p class="title">
                        REPÚBLICA BOLIVARIANA DE VENEZUELA<br>
                        MINISTERIO DEL PODER POPULAR PARA LA DEFENSA<br>
                        EJÉRCITO BOLIVARIANO<br>
                        DIRECCIÓN LOGÍSTICA DEL EJÉRCITO BOLIVARIANO<br>
                        SERVICIO DE TRANSPORTE DEL EJÉRCITO BOLIVARIANO<br>
                        GRUPO DE TRABAJO DE ABASTECIMIENTO
                    </p>
                </td>
                <td colspan="5" style="padding: 20px;">
                    <img src="{{ img_uno }}" alt="icon" width="70">
                </td>
              </tr>
            </tbody>
        </table>
    </div>

    <h3>UNIDAD: {{ unidad_nombre }}</h3>
    <h2 class="title" style="text-align: center; margin: 20px 0;">
        {% if tipo == 'administrativo' %}MECANIZADA ADMINISTRATIVA{% else %}MECANIZADA TÁCTICA{% endif %}
    </h2>

    <table class="table">
        <thead>
            <tr>
                <th>N°</th>
                {% if tipo == 'tactico' %}
                    <th>TIPO DE VEHICULO</th>
                    <th>MODELO</th>
                    <th>MARCA</th>
                    <th>SERIAL CHASIS</th>
                    <th>SERIAL MOTOR</th>
                {% else %}
                    <th>PLACA MILITAR</th>
                    <th>CLASE</th>
                    <th>TIPO</th>
                    <th>MARCA</th>
                    <th>MODELO</th>
                    <th>SERIAL CARROCERÍA</th>
                {% endif %}
                <th>FECHA ASIGNACIÓN</th>
            </tr>
        </thead>
        <tbody>
            {% for asignacion in asignaciones %}
            <tr>
                <td>{{ forloop.counter }}</td>
                {% if tipo == 'tactico' %}
                    <td>{{ asignacion.vehiculo.tipo }}</td>
                    <td>{{ asignacion.vehiculo.modelo }}</td>
                    <td>{{ asignacion.vehiculo.marca }}</td>
                    <td>{{ asignacion.vehiculo.serial_chasis }}</td>
                    <td>{{ asignacion.vehiculo.serial_motor }}</td>
                {% else %}
                    <td>{{ asignacion.vehiculo.placa_militar }}</td>
                    <td>{{ asignacion.vehiculo.clase }}</td>
                    <td>{{ asignacion.vehiculo.tipo }}</td>
                    <td>{{ asignacion.vehiculo.marca }}</td>
                    <td>{{ asignacion.vehiculo.modelo }}</td>
                    <td>{{ asignacion.vehiculo.serial_carroceria }}</td>
                {% endif %}
                <td>{{ asignacion.fecha_creacion|date:"d/m/Y" }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="{% if tipo == 'tactico' %}13{% else %}13{% endif %}" style="text-align: center;">
                    No hay asignaciones históricas para esta unidad.
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <table class="signatures">
        <tbody>
            <tr>
                <td class="signature">
                    {% if jefe %}
                    _________________________<br>
                    {{ jefe.nombres }}<br>
                    {{ jefe.grado }}<br>
                    {{ jefe.cargos }}
                    {% else %}
                    Jefe no disponible
                    {% endif %}
                </td>
                <td class="signature">
                    {% if director %}
                    _________________________<br>
                    {{ director.nombres }}<br>
                    {{ director.grado }}<br>
                    {{ director.cargos }}
                    {% else %}
                    Director no disponible
                    {% endif %}
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>