<!--
Archivo: ScoreNetworkEnvironment.html
Ruta: src\templates\Clientes\NetworkEnvironment\ScoreNetworkEnvironment.html
Descripción: Plantilla para visualizar el score de Network Environment.
Autor: Equipo de Desarrollo IGSA
Fecha: 2025
-->

{% extends "layout.html" %}

{% block title %}{{ _('Score') }}{% endblock %}

{% block content %}

<!-- Conexion de CSS Casetas -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/Clientes/NetworkEnvironment/ScoreNetworkEnvironment.css') }}">

<!-- 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">

<main class="page">
    <section class="clean-block clean-form dark">
        <div class="container">
            <div class="block-heading">
                <h2 class="text-info">{{ _('Score de Network Environment') }}</h2>
                <p>{{ _('Visualiza el score consolidado de todos los proyectos de fabricación y seguimiento de plantas eléctricas de emergencia para Network Environment.') }}</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="ClienteScoreTable" class="display nowrap" style="width:100%">
                <thead>
                    <tr>
                        <th>{{ _('ID') }}</th> <!-- ordernumandline -->
                        <th>{{ _('Orden de Venta') }}</th>  <!-- OrderNum -->
                        <th>{{ _('Capacidad (KW)') }}</th>  <!-- Capacidad -->
                        <th>{{ _('Voltaje (VCA) ') }}</th>  <!-- Voltaje -->
                        <th>{{ _('Tipo') }}</th>  <!-- Tipo -->
                        <th>{{ _('Caseta/Abierto') }}</th>  <!-- Caseta -->
                        <th>{{ _('Trabajo') }}</th>  <!-- JobNum2 -->
                        <!--<th>{{ _('FechaPlaneación') }}</th> *** FechaPlaneación ****SE REQUIERE ELIMINAR****-->
                        <th>{{ _('Fecha Producción') }}</th>  <!-- FechaProducción -->
                        <!--<th>{{ _('Fecha Material') }}</th>   Fecha_Mat -->
                        <th>{{ _('Porcentaje De Surtimiento') }}</th>  <!-- AvanceDeSurtimiento -->
                        <th>{{ _('Aviso De Terminacion') }}</th>  <!-- AvisoDeTerminacion -->
                        <th>{{ _('Material Faltante') }}</th>  <!-- MaterialFaltante -->
                        <th>{{ _('ITEM Motor') }}</th>  <!-- PartNum_M -->
                        <th>{{ _('Descripcion Motor') }}</th>  <!-- Description_M -->
                        <th>{{ _('kW') }}</th>  <!-- RefCategory_M -->
                        <!--<th>{{ _('Preasignado M') }}</th> ***  Preasignado_M ****SE REQUIERE ELIMINAR****-->
                        <th>{{ _('No.Serie de Motor') }}</th>  <!-- NoSerie_M -->
                        <th>{{ _('Estado Motor') }}</th>  <!-- Faltante_M -->
                        <th>{{ _('PO Motor') }}</th>  <!-- En_PO_Altern_M -->
                        <th>{{ _('Estatus Motor') }}</th>  <!-- Estatus_M -->
                        <th>{{ _('Fecha Motor') }}</th>  <!-- Fecha_Llegada_M -->
                        <th>{{ _('ITEM Generador') }}</th>  <!-- PartNum_G -->
                        <th>{{ _('Descripción Alternador') }}</th>  <!-- Description_G -->
                        <!--<th>{{ _('Descripción Alterndor') }}</th>   PartClass_G ****SE REQUIERE ELIMINAR****-->
                        <!--<th>{{ _('Preasignado G') }}</th>  *** Preasignado_G ****SE REQUIERE ELIMINAR****-->
                        <th>{{ _('No.Serie de Generador') }}</th>  <!-- NoSerie_G -->
                        <th>{{ _('Estado Generador') }}</th>  <!-- Faltante_G -->
                        <th>{{ _('PO Generador') }}</th>  <!-- En_PO_Altern_G -->
                        <th>{{ _('Estatus Generador') }}</th>  <!-- Estatus_G -->
                        <th>{{ _('Fecha Llegada G') }}</th>  <!-- Fecha_Llegada_G -->
                    </tr>

                    <!-- Campos de búsqueda -->
                    <tr>
                        <th><input type="text" placeholder="{{ _('') }}" disabled></th>
                        <th><input type="text" placeholder="{{ _('Buscar Orden de Venta') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Capacidad (KW)') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Voltaje (VCA)') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Tipo') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Caseta/Abierto') }}"></th>
                        <th><input type="text" placeholder="{{ _('') }}" disabled></th>
                        <!--<th><input type="text" placeholder="{{ _('') }}" disabled></th> -->
                        <th><input type="text" placeholder="{{ _('') }}" disabled></th>
                        <!--<th><input type="text" placeholder="{{ _('Buscar Fecha Material') }}"></th> -->
                        <th><input type="text" placeholder="{{ _('Buscar De Surtimiento') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Aviso Terminacion') }}"></th>
                        <th><input type="text" placeholder="{{ _('') }}" disabled></th>
                        <th><input type="text" placeholder="{{ _('Buscar ITEM Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Descripcion Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar kW') }}"></th>
                        <!--<th><input type="text" placeholder="{{ _('Buscar Preasignado M') }}"></th>-->
                        <th><input type="text" placeholder="{{ _('Buscar No.Serie de Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Estado Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar PO Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Estatus Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Fecha Motor') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar ITEM Generador') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Descripción Alterndor') }}"></th>
                        <!--<th><input type="text" placeholder="{{ _('Buscar Descripción Alterndor') }}"></th> -->
                        <!--<th><input type="text" placeholder="{{ _('Buscar Preasignado G') }}"></th> -->
                        <th><input type="text" placeholder="{{ _('Buscar No.Serie de Generador') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Estado Generador') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar PO Generador') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Estatus Generador') }}"></th>
                        <th><input type="text" placeholder="{{ _('Buscar Fecha Llegada G') }}"></th>
                    </tr>
                </thead>

                <tbody id="ClienteScorebody">
                    <!-- 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>
    var TXT_BUTTON = "{{_('Exportar a Excel')}}";
    var TXT_DETAIL = "{{_('Detalle:')}}";
</script>
<!-- Conexion de JS Casetas -->
<script src="{{ url_for('static', filename='js/Clientes/NetworkEnvironment/ScoreNetworkEnvironment.js') }}"></script>

{% endblock %}