<!--
Archivo: CotizFormQueryIng.html
Ruta: src\templates\Operaciones\Ingenieria\Cotiz\CotizFormQueryIng.html
Descripción: Plantilla para consultar formularios de cotización en el módulo de Ingeniería.
Lenguaje: HTML
Autor: Equipo de Desarrollo IGSA
Fecha: 2025
-->

{% extends "layout.html" %}

{% block title %}{{ _('Seguimiento de tareas de cotización - IGSA') }}{% endblock %}

{% block content %}

<!-- DataTables CSS (Última versión estable) -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">

<!-- Botones de DataTables (Última versión estable) -->
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css">

<!-- FontAwesome (para iconos) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<!-- ⚠️ Cargar al final para que tenga prioridad -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/Operaciones/Ingenieria/Cotiz/CotizFormQueryIng.css') }}">

<main class="page">
    <section class="clean-block clean-form dark">
        <div class="container">
            <div class="block-heading">
                <h2 class="text-info">{{ _('Seguimiento de Tareas de Cotización') }}</h2>
                <p>{{ _('Módulo con el listado de tareas de cotización') }}</p>
            </div>
            <!-- Indicador de carga -->
            <div id="loading-indicator" style="display: none; text-align: center; margin-top: 10px;">
                <span class="spinner-border text-primary" role="status" aria-hidden="true"></span>
                <span>{{ _('Cargando...') }}</span>
            </div>
            <!-- Botones de acción -->
            <div class="d-flex justify-content-between mb-3">
                <button type="button" class="btn btn-secondary dm-btn-Secundario" onclick="history.back();">
                    <i class="fas fa-arrow-left"></i> {{ _('Regresar') }}
                </button>
            </div>
            <!-- Tabla para listar las compañías -->
            <table id="TaskCotizFormQueryIng" class="table table-striped table-bordered table-hover align-middle w-100">
                <thead class="table-light text-center">
                <tr>
                    <!-- TÍTULOS (TODOS LOS DEL SELECT) -->
                    <th>{{ _('N° Tarea') }}</th>
                    <th>{{ _('Estatus de la Tarea') }}</th>
                    <th>{{ _('N° Oportunidad') }}</th>
                    <th>{{ _('Tipo de Formulario') }}</th>
                    <th>{{ _('Fecha de Creación del Formulario') }}</th>
                    <th>{{ _('Nombre del Contacto') }}</th>
                    <th>{{ _('Nombre Completo del Vendedor') }}</th>
                    <th>{{ _('Correo del Vendedor') }}</th>
                    <th>{{ _('Teléfono del Vendedor') }}</th>

                    <th>{{ _('N° Costeo') }}</th>
                    <th>{{ _('Caso de Costeo') }}</th>
                    <th>{{ _('Costo Directo') }}</th>
                    <th>{{ _('%% Indirecto') }}</th>
                    <th>{{ _('Monto Indirecto') }}</th>
                    <th>{{ _('%% Financiamiento') }}</th>
                    <th>{{ _('Monto Financiamiento') }}</th>
                    <th>{{ _('%% Utilidad') }}</th>
                    <th>{{ _('Monto Utilidad') }}</th>
                    <th>{{ _('%% Gastos Operación') }}</th>
                    <th>{{ _('Monto Gastos Operación') }}</th>
                    <th>{{ _('Factor de Sobrecosto') }}</th>
                    <th>{{ _('Precio de Venta Mínimo') }}</th>
                    <th>{{ _('%% Descuento Máx') }}</th>
                    <th>{{ _('Monto Descuento') }}</th>
                    <th>{{ _('Precio de Lista') }}</th>
                    <th>{{ _('Tiempo de Ejecución') }}</th>
                    <th>{{ _('Acción') }}</th>
                </tr>
                <tr>
                    <!-- FILTROS POR COLUMNA -->
                    <th><input type="text" placeholder="{{ _('Buscar N° Tarea') }}"></th>
                    <th><input type="text" placeholder="{{ _('Buscar Estatus') }}"></th>
                    <th><input type="text" placeholder="{{ _('Buscar Oportunidad') }}"></th>
                    <th><input type="text" placeholder="{{ _('Buscar Formulario') }}"></th>
                    <th></th> <!-- No necesitamos búsqueda en la columna de fecha -->
                    <th><input type="text" placeholder="{{ _('Buscar Contacto') }}"></th>
                    <th><input type="text" placeholder="{{ _('Buscar Vendedor') }}"></th>
                    <th><input type="text" placeholder="{{ _('Buscar Correo') }}"></th>
                    <th></th> <!-- No necesitamos búsqueda en la columna de teléfono -->

                    <th><input type="text" placeholder="{{ _('Buscar N° Costeo') }}"></th>
                    <th><input type="text" placeholder="{{ _('Buscar Caso') }}"></th>
                    <th></th> <!-- No necesitamos búsqueda en la columna de costo directo -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de % indirecto -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de monto indirecto -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de % financiamiento -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de monto financiamiento -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de % utilidad -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de monto utilidad -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de % gastos operación -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de monto gastos operación -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de factor de sobrecosto -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de precio de venta mínimo -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de % descuento -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de monto descuento -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de precio de lista -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de tiempo de ejecución -->
                    <th></th> <!-- No necesitamos búsqueda en la columna de acciones -->
                </tr>
                </thead>
                <tbody id="TaskCotizFormQueryIngbody">
                    <!-- Los datos se cargarán dinámicamente con JavaScript -->
                </tbody>
            </table>
        </div>
    </section>

    <!-- Overlay global de carga -->
    <div id="global-loading-overlay" style="display: none;">
        <div class="loading-content">
            <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"></div>
            <p class="mt-3 loading-text">Procesando solicitud...</p>
        </div>
    </div>

</main>

<!-- jQuery (Debe ir antes de cualquier otro script de DataTables) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- DataTables -->
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>

<!-- Botones de DataTables (Última versión estable) -->
<script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>

<!-- Dependencias para exportar a Excel/PDF -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>

<script src="{{ url_for('static', filename='js/Operaciones/Ingenieria/Cotiz/CotizFormQueryIng.js') }}"></script>

{% endblock %}