<!-- Archivo: CZM_GensetModel.html -->
<!-- Ruta: src\templates\Operaciones\Ingenieria\PE\PE_DM\CZM_GensetModel.html -->
<!-- Lenguaje: HTML -->



{% extends "layout.html" %}

{% block title %}{{ _('Alta de Modelo de PE IGSA') }}{% endblock %}

{% block content %}
<!-- Conexion de CSS CZM_GensetModel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/Operaciones/Ingenieria/PE/PE_DM/CZM_GensetModel.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">
<link rel="stylesheet" href="https://cdn.datatables.net/rowgroup/1.1.4/css/rowGroup.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">{{ _(' Alta de Modelo de Planta IGSA ') }}</h2>
                <p>{{ _(' Bienvenido a Alta de Modelo de Planta IGSA ') }}</p>
            </div>

            <!-- Contenedor principal del formulario -->
            <div class="multi-step-container">
                
                <!-- SECCIONES -->
                <form id="cotizadorForm" class="form-multipaso">
                    <!-- TEXTO PRINCIPAL FORMULARIO -->
                        <div class="form-step active">
                            <h3 class="form-step-title">{{ _(' DATOS GENERALES ') }}</h3>
                            
                            <!-- Sección: 1 MODELO -->
                            <div class="form-row">                            
                                <!-- CAMPO MODELO -->
                                <div class="form-group">
                                    <label for="gensetmodel" class="required">{{ _(' Modelo ') }}</label>
                                    <input  type="text" 
                                            id="gensetmodel"
                                            name="gensetmodel"
                                            class="form-control"
                                            placeholder=""                                        
                                            required
                                        >
                                </div>

                                <!-- CAMPO -->
                                <div class="form-group">
                                    <label for=""></label>
                                </div>
                            </div>
                            

                            <!-- Sección: 2 CERTIFICADO-->
                            <div class="form-row">        
                                <div class="form-group">
                                    <div class="section-interruptores"> 
                                        <h4 class="section-subtitle">{{ _(' Certificacion ') }}</h4>
                                        <br>
                                        <div class="form-check-sec"> 
                                            <!-- CAMPO UL -->
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault" id="certificationid">
                                                <label class="form-check-label check" for="certificationid">
                                                    {{ _(' UL ') }}
                                                </label>
                                            </div>

                                            <!-- CAMPO NO UL -->
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault" id="certificationid" checked>
                                                <label class="form-check-label check" for="certificationid">
                                                    {{ _(' NO UL ') }}
                                                </label>
                                            </div>
                                        <br><br>
                                        </div>   
                                    </div>
                                    
                                    <br>

                                    <!-- Sección: 3 MOTOR -->
                                    <div class="section-interruptores">
                                        <h4 class="section-subtitle">{{ _(' Motor ') }}</h4>
                                        <div class="form-row"> 
                                            <!-- CAMPO MARCA ***** campo de tabla se tomo de EngineModel -->
                                            <div class="form-group">
                                                <label for="enginebrandid" class="required">{{ _(' Marca ') }}</label>
                                                <select id="enginebrandid" name="enginebrandid" class="form-select">
                                                    <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                                    <option value="1">{{ _(' Wechai ') }}</option>
                                                </select>
                                            </div>

                                            <!-- CAMPO MODELO -->
                                            <div class="form-group">
                                                <label for="enginemodel" class="required">{{ _(' Modelo ') }}</label>
                                                <select id="enginemodel" name="enginemodel" class="form-select">
                                                    <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                                    <option value="1">{{ _(' 4M06G25/6 ') }}</option>
                                                    <option value="2">{{ _(' 4M06G33/6 ') }}</option>
                                                    <option value="3">{{ _(' 4M06G41/6 ') }}</option>
                                                    <option value="4">{{ _(' 4M06G55/6 ') }}</option>
                                                    <option value="5">{{ _(' 4M10G83/6 ') }}</option>
                                                    <option value="6">{{ _(' 4M10G100/6 ') }}</option>
                                                    <option value="7">{{ _(' 6M11G135/6 ') }}</option>
                                                    <option value="8">{{ _(' 6M11G160/6 ') }}</option>
                                                    <option value="9">{{ _(' 6M11G176/6 ') }}</option>
                                                    <option value="10">{{ _(' 6M16G200/6 ') }}</option>
                                                    <option value="11">{{ _(' 6M16G250/6 ') }}</option>
                                                    <option value="12">{{ _(' 6M16G308/6 ') }}</option>
                                                    <option value="13">{{ _(' 6M21G330/6 ') }}</option>
                                                    <option value="14">{{ _(' 6M21G390/6 ') }}</option>
                                                    <option value="15">{{ _(' 6M26G500/6 ') }}</option>
                                                    <option value="16">{{ _(' 6M33G600/6 ') }}</option>
                                                    <option value="17">{{ _(' 12M26G704/6 ') }}</option>
                                                    <option value="18">{{ _(' 12M26G800/6 ') }}</option>
                                                    <option value="19">{{ _(' 12M26G1000/6 ') }}</option>
                                                    <option value="20">{{ _(' 12M33G1300/6 ') }}</option>
                                                    <option value="21">{{ _(' 16M33G1500/6 ') }}</option>
                                                    <option value="22">{{ _(' 16M33G1750/6 ') }}</option>
                                                    <option value="23">{{ _(' 20M33G2000/6 ') }}</option>
                                                    <option value="24">{{ _(' 12M55G2250/6 ') }}</option>
                                                    <option value="25">{{ _(' 12M55G2500/6 ') }}</option>
                                                    <option value="26">{{ _(' 16M55G2640/6 ') }}</option>
                                                    <option value="27">{{ _(' 16M55G2800/6 ') }}</option>
                                                    <option value="28">{{ _(' 16M55G3000/6 ') }}</option>
                                                    <option value="29">{{ _(' 16M55G3300/6 ') }}</option>
                                                    <option value="30">{{ _(' 6M33G8D2/6 ') }}</option>
                                                    <option value="31">{{ _(' 6M33G10D2/6 ') }}</option>
                                                    <option value="32">{{ _(' 6M33G12D2/6 ') }}</option>
                                                    <option value="33">{{ _(' 8M33G4D2/6 ') }}</option>
                                                    <option value="34">{{ _(' 8M33G6D2/6 ') }}</option>
                                                    <option value="35">{{ _(' 12M33G8D2/6 ') }}</option>
                                                    <option value="36">{{ _(' 12M33G12D2/6 ') }}</option>
                                                    <option value="37">{{ _(' 16M33G2D2/6 ') }}</option>
                                                    <option value="38">{{ _(' 16M33G4D2/6 ') }}</option>
                                                    <option value="39">{{ _(' 20M33G2D2/6 ') }}</option>
                                                    <option value="40">{{ _(' 20M33G4D2/6 ') }}</option>
                                                    <option value="41">{{ _(' 12M55G4D2/6 ') }}</option>
                                                    <option value="42">{{ _(' 12M55G5D2/6 ') }}</option>
                                                    <option value="43">{{ _(' 16M55G2D2/6 ') }}</option>
                                                    <option value="44">{{ _(' 16M55G4D2/6 ') }}</option>
                                                    <option value="45">{{ _(' 16M55G6D2/6 ') }}</option>
                                                    <option value="46">{{ _(' 16M55G8D2/6 ') }}</option>
                                                </select>
                                            </div>
                                        </div>                                        
                                                
                                        <!-- CAMPO DATATABLE -->
                                        <div class="form-group">                                    
                                            <div id="loading-indicator">
                                                <span class="spinner-border text-primary" role="status" aria-hidden="true"></span>
                                                <span>{{ _('Cargando...') }}</span>
                                            </div>
                                            
                                            <table id="MotorTable" class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>{{ _('Potencia') }}</th>
                                                        <th>{{ _('Power_kw') }}</th>
                                                    </tr>
                                                    <tr>
                                                        <th><input type="text" placeholder="{{ _('Buscar Potencia') }}"></th>
                                                        <th><input type="text" placeholder="{{ _('Buscar Powerkw') }}"></th> 
                                                    </tr>
                                                </thead>

                                                <tbody id="Motorbody">
                                                    <!-- Los datos se cargarán dinámicamente con JavaScript -->
                                                </tbody>
                                            </table>
                                            <br><br>  
                                            <br><br>  
                                            <br><br>  
                                            <br> 
                                        </div>
                                    </div>
                                </div>
                                

                                <!-- Sección: 4 GENERADOR -->
                                <div class="form-group">
                                    <div class="section-interruptores">
                                        <h4 class="section-subtitle">{{ _(' Generador ') }}</h4>
                                        <div class="form-row"> 
                                            <!-- CAMPO MARCA ***** campo de tabla se tomo de AlternatorModel -->
                                            <div class="form-group">
                                                <label for="alternatorbrandid" class="required">{{ _(' Marca ') }}</label>
                                                <select id="alternatorbrandid" name="alternatorbrandid" class="form-select">
                                                    <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                                    <option value="1">{{ _(' Stamford ') }}</option>
                                                </select>
                                            </div>

                                            <!-- CAMPO MODELO -->
                                            <div class="form-group">                                        
                                                <label for="alternatormodel" class="required">{{ _(' Modelo ') }}</label>
                                                <select id="alternatormodel" name="alternatormodel" class="form-select">
                                                    <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                                     <option value="1">{{ _(' S0L2-M1 ') }}</option>
                                                    <option value="2">{{ _(' S1L2-J1 ') }}</option>
                                                    <option value="3">{{ _(' S1L2-N ') }}</option>
                                                    <option value="4">{{ _(' S1L2-R ') }}</option>
                                                    <option value="5">{{ _(' S1L2-Y ') }}</option>
                                                    <option value="6">{{ _(' UCI22G-1 ') }}</option>
                                                    <option value="7">{{ _(' UCI274C ') }}</option>
                                                    <option value="8">{{ _(' UCI274E ') }}</option>
                                                    <option value="9">{{ _(' UCI274F ') }}</option>
                                                    <option value="10">{{ _(' UCI274G ') }}</option>
                                                    <option value="11">{{ _(' UCI274H ') }}</option>
                                                    <option value="12">{{ _(' UCDI274K ') }}</option>
                                                    <option value="13">{{ _(' S4LID-D ') }}</option>
                                                    <option value="14">{{ _(' S4L1D-E ') }}</option>
                                                    <option value="15">{{ _(' S4L1D-F ') }}</option>
                                                    <option value="16">{{ _(' HC534D ') }}</option>
                                                    <option value="17">{{ _(' HC534E ') }}</option>
                                                    <option value="18">{{ _(' S6LID-C4 ') }}</option>
                                                    <option value="19">{{ _(' S6LID-E4 ') }}</option>
                                                    <option value="20">{{ _(' S6LID-G4 ') }}</option>
                                                    <option value="21">{{ _(' S7LID-C ') }}</option>
                                                    <option value="22">{{ _(' S7L1D-F ') }}</option>
                                                    <option value="23">{{ _(' S7LID-G ') }}</option>
                                                    <option value="24">{{ _(' S7L1D-J ') }}</option>
                                                    <option value="25">{{ _(' S7L1D-K ') }}</option>
                                                    <option value="26">{{ _(' UCI224G1L ') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                            
                                        <!-- CAMPO DATATABLE -->
                                        <div class="form-group">                                    
                                            <div id="loading-indicator" style="display: none; text-align: center;">
                                                <span class="spinner-border text-primary" role="status" aria-hidden="true"></span>
                                                <span>{{ _('Cargando...') }}</span>
                                            </div>
                                            <table id="GeneradorTable" class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>{{ _('Voltaje') }}</th>
                                                        <th>{{ _('Potencia') }}</th>
                                                        <th>{{ _('Power_kw') }}</th>
                                                    </tr>
                                                    <tr>
                                                        <th><input type="text" placeholder="{{ _('Buscar Voltaje') }}"></th>
                                                        <th><input type="text" placeholder="{{ _('Buscar Potencia') }}"></th> 
                                                        <th><input type="text" placeholder="{{ _('Buscar Power_kw') }}"></th> 
                                                    </tr>
                                                </thead>
                                                <tbody id="Generadorbody" style="margin-bottom: 10px;">
                                                    <!-- Los datos se cargarán dinámicamente con JavaScript -->
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>                           


                            <!-- Sección: 5 DATOS TECNICOS -->
                            <div class="section-interruptores">
                                <h4 class="section-subtitle">{{ _(' Datos Técnicos ') }}</h4>
                                <div class="form-row">                                    
                                    <!-- CAMPO FICHA TECNICA -->
                                    <div class="form-group">
                                        <label for="technicalsheet" class="">{{ _(' Ficha técnica ') }}</label>
                                        <div class="input-group">
                                            <input type="file" 
                                                class="form-control" 
                                                id="technicalsheet" 
                                                name="technicalsheet"
                                                aria-describedby="inputGroupFileAddon">
                                        </div>
                                        <small class="form-text text-muted">{{ _('Seleccione el archivo de la ficha técnica') }}</small>

                                        <br>

                                        <!-- CAMPO ARREGLO GENERAL -->
                                        <label for="" class="">{{ _(' Arreglo general ') }}</label>
                                        <div class="input-group">
                                            <input type="file" 
                                                class="form-control" 
                                                id="" 
                                                name="technicalsheet"
                                                aria-describedby="inputGroupFileAddon">
                                        </div>
                                        <small class="form-text text-muted">{{ _('Seleccione el archivo de arreglo general') }}</small>
                                    </div>
                                </div>                              
                            </div>

                                                        
                            <!-- BOTON DE CALCULAR -->
                            <div class="form-actions" style="margin-top: 20px; text-align: center;">
                                <button type="submit" class="btn btn-primary">
                                    {{ _(' Calcular ') }}
                                </button>
                            </div>

                        
                            <!-- Sección: 6 CONFIGURACION -->
                            <div class="section-interruptores">
                                <h4 class="section-subtitle">{{ _(' Configuracion ') }}</h4>
                                <div class="form-row">
                                    <!-- CAMPO DATATABLE -->
                                    <div class="form-group">
                                        <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>
                                       
                                        <!-- Tabla para listar las compañías -->
                                        <table id="ApprovalAccessDistributorsTable" class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>{{ _('Voltaje') }}</th>
                                                    <th>{{ _('Potencia') }}</th>
                                                    <th>{{ _('Power_kw Calculado') }}</th>
                                                    <th>{{ _('Power_kw Propuesta') }}</th>
                                                    <th>{{ _('Proteccion Calculada') }}</th>
                                                    <th>{{ _('Proteccion Producta') }}</th>
                                                    <th>{{ _('ITEM') }}</th>
                                                    <th>{{ _('Editar') }}</th>
                                                </tr>
                                                <tr>
                                                    <th><input type="text" placeholder="{{ _('Buscar Voltaje') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Buscar Potencia') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Buscar Power_kw Calculado') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Power_kw Propuesta') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Proteccion Calculada') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Proteccion Producta') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('ITEM') }}"></th>
                                                    <th></th> 
                                                </tr>
                                            </thead>
                                            <tbody id="ApprovalAccessDistributorsbody">
                                                <!-- Los datos se cargarán dinámicamente con JavaScript -->
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Modal para Asignar Vendedor y Descuento -->
                                    <div class="modal fade" id="EstandarModal" tabindex="-1" aria-labelledby="EstandarModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered modal-lg modal-custom-width">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="EstandarModalLabel">{{ _('Información de distribuidores') }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <form class="modal-form-custom">
                                                        <div class="form-row">
                                                            <div class="form-group form-group-comentario">
                                                                <label for="Comments">{{ _('Comentario:') }}</label>
                                                                <textarea class="form-control" id="Comments" rows="3" readonly></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="form-row">
                                                            <div class="form-group">
                                                                <label for="sellerSelect" class="required">{{ _('Asignar vendedor:') }}</label>
                                                                <select id="sellerSelect" class="form-select">
                                                                    <option selected disabled value="">{{ _('Seleccione una opción') }}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="form-row">
                                                            <div class="form-group">
                                                                <label for="discountInput" class="required">{{ _('Máximo descuento autorizado:') }}</label>
                                                                <input type="text" id="discountInput" class="form-control" placeholder="{{ _('Ingrese un valor (0 - 25)') }}">
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ _('Cancelar') }}</button>
                                                    <button type="button" class="btn btn-primary" onclick="assignSeller()">{{ _('Guardar') }}</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Modal para Rechazar un distribuidor -->
                                    <div class="modal fade" id="RejectModal" tabindex="-1" aria-labelledby="RejectModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered modal-lg modal-custom-width">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="RejectModalLabel">{{ _('Rechazo de distribuidores') }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <form class="modal-form-custom">
                                                        <div class="form-row">
                                                            <div class="form-group form-group-comentario">
                                                                <label for="Comments2">{{ _('Comentario del distribuidor:') }}</label>
                                                                <textarea class="form-control" id="Comments2" rows="3" readonly></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="form-row">
                                                            <div class="form-group form-group-comentario">
                                                                <label for="Commentsresp">{{ _('Motivo de rechazo (opcional):') }}</label>
                                                                <textarea class="form-control" id="Commentsresp" rows="3" placeholder="{{ _('Detalle el motivo por el cual se rechaza la solicitud...') }}"></textarea>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="modal-footer">
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ _('Cancelar') }}</button>
                                                        <button type="button" class="btn btn-danger" id="confirmRejectBtn">{{ _('Rechazar') }}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                                        
                                    </div>
                                </div>

                                 <!-- BOTON DE VALIDAR PROPUESTA -->
                                <div class="form-actions" style="margin-top: 20px; text-align: center;">
                                    <button type="submit" class="btn btn-primary">
                                        {{ _(' Validar propuesta ') }}
                                    </button>
                                </div>
                            </div>


                            <!-- Sección: 7 PLANTA ABIERTA -->
                            <div class="section-interruptores">
                                <h4 class="section-subtitle">{{ _(' Bases compatibles con este modelo de planta abierta ') }}</h4>  
                                <div class="form-row" style="margin-top: 20px;">  
                                    <!-- CAMPO DATATABLE -->
                                    <div class="form-group">                                    
                                        <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>
                                                
                                        <table id="AbiertoTable" class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>{{ _('No. de parte') }}</th>
                                                    <th>{{ _('Descripcion') }}</th>
                                                    <th>{{ _('Eliminar') }}</th>
                                                </tr>
                                                <tr>
                                                    <th><input type="text" placeholder="{{ _('Buscar No. de parte') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Buscar Descripcion') }}"></th> 
                                                    <th></th> 
                                                </tr>
                                            </thead>
                                            <tbody id="Abiertobody">
                                                <!-- Los datos se cargarán dinámicamente con JavaScript -->
                                            </tbody>
                                        </table>                                        

                                        <!-- Botón de Agregar -->
                                        <div class="form-actions" style="margin-top: 20px; text-align: left;">
                                            <button type="submit" class="btn btn-primary">
                                                {{ _(' Agregar ') }}
                                            </button>
                                        </div>
                                    </div>                                          
                                </div>  
                            </div>


                            <!-- Sección:  CASETAS -->
                            <div class="section-interruptores">
                                <h4 class="section-subtitle">{{ _(' Casetas compatibles con este modelo de planta ') }}</h4>  
                                <div class="form-row" style="margin-top: 20px;">  
                                    <!-- CAMPO DATATABLE -->
                                    <div class="form-group">                                    
                                        <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>
                                                
                                        <table id="CasetaTable" class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>{{ _('No. de parte') }}</th>
                                                    <th>{{ _('Descripcion') }}</th>
                                                    <th>{{ _('Certificacion') }}</th>
                                                    <th>{{ _('Material') }}</th>
                                                    <th>{{ _('Proteccion') }}</th>
                                                    <th>{{ _('Nivel') }}</th>
                                                    <th>{{ _('Eliminar') }}</th>
                                                </tr>
                                                <tr>
                                                    <th><input type="text" placeholder="{{ _('Buscar No. de parte') }}"></th>
                                                    <th><input type="text" placeholder="{{ _('Buscar Descripcion') }}"></th> 
                                                    <th><input type="text" placeholder="{{ _('Buscar Certificacion') }}"></th> 
                                                    <th><input type="text" placeholder="{{ _('Buscar Material') }}"></th> 
                                                    <th><input type="text" placeholder="{{ _('Buscar Proteccion') }}"></th> 
                                                    <th><input type="text" placeholder="{{ _('Buscar Nivel') }}"></th> 
                                                    <th></th> 
                                                </tr>
                                            </thead>
                                            <tbody id="Casetabody">
                                                <!-- Los datos se cargarán dinámicamente con JavaScript -->
                                            </tbody>
                                        </table>                                        

                                        <!-- Botón de Agregar -->
                                        <div class="form-actions" style="margin-top: 20px; text-align: left;">
                                            <button type="submit" class="btn btn-primary">
                                                {{ _(' Agregar ') }}
                                            </button>
                                        </div>
                                    </div>                                          
                                </div>  
                            </div>


                            <!-- Botón de Revisar costo -->
                            <div class="form-actions" style="margin-top: 20px; text-align: center;">
                                <button type="submit" class="btn btn-primary">
                                    {{ _(' Revisar costo estandar ') }}
                                </button>
                            </div>


                            <!-- Botón de Guardar -->
                            <div class="form-actions" style="margin-top: 20px; text-align: right;">
                                <button type="submit" class="btn btn-primary">
                                    {{ _(' Guardar ') }}
                                </button>
                            </div>
                          
                        </div>
                </form>
            </div>
        </div>
    </section>
</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="//cdn.rawgit.com/ashl1/datatables-rowsgroup/v1.0.0/dataTables.rowsGroup.js"></script>


<!-- Conexion de JS CZM_GensetModel -->
<script src="{{ url_for('static', filename='js/Operaciones/Ingenieria/PE/PE_DM/CZM_GensetModel.js') }}"></script>

{% endblock %}