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



{% extends "layout.html" %}

{% block title %}{{ _('Alta de bases') }}{% endblock %}

{% block content %}
<!-- Conexion de CSS Database_registration -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/Operaciones/Ingenieria/PE/PE_DM/Database_registration.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">{{ _(' Alta de bases ') }}</h2>
                <p>{{ _(' Bienvenido a Alta de bases de 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 DATOS INICIALES -->
                            <div class="form-row">   
                                <!-- CAMPO No. PARTE -->
                                <div class="form-group">
                                    <label for="part-number" class="required">{{ _(' No. parte ') }}</label>
                                    <div class="d-flex">
                                        <select id="part-number" name="part-number" class="form-select me-2">
                                            <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                            <option value="1">{{ _('  ') }}</option>
                                        </select>
                                        <button class="btn btn-light" type="button" title="Buscar número de parte">
                                            <i class="fas fa-search"></i>
                                        </button>
                                    </div>
                                </div>

                                <!-- CAMPO REVISION -->
                                <div class="form-group">
                                    <label for="" class="required">{{ _(' Revisión ') }}</label>
                                    <select id="" name="" class="form-select">
                                        <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                        <option value="1">{{ _('  ') }}</option>
                                    </select>
                                </div>
                            </div>
                            
                        
                            <!-- Sección: 2 -->
                            <div class="form-row">                                                             
                                <!-- CAMPO DESCRIPCION DEL PRODUCTO -->
                                <div class="form-group">
                                    <label for="" class="required">{{ _(' Descripción del producto') }}</label>
                                    <textarea class="form-control" id=""></textarea>
                                </div>
                            </div>


                            <!-- Sección: 3 -->
                            <div class="form-row">                                                             
                                <!-- CAMPO DESCRIPCION -->
                                <div class="form-group">
                                    <div class="section-interruptores"> 
                                        <h4 class="section-subtitle">{{ _(' Certificacion ') }}</h4>
                                        <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>
                                        </div>   
                                    </div>
                                </div>

                                <!-- CAMPO TIPO DE BASES -->
                                <div class="form-group">
                                    <div class="section-interruptores"> 
                                        <h4 class="section-subtitle">{{ _(' Tipo de bases ') }}</h4>
                                        <div class="form-check-sec " style="display: flex; align-items: center; gap: 10px;"> 
                                            <!-- CAMPO REVISION -->
                                            <label for="" class="required" style="margin-bottom: 0;">{{ _(' Seleccionar ') }}</label>
                                            <select id="" name="" class="form-select" style="flex: 1;">
                                                <option selected disabled value="">{{ _(' Seleccione una opción ') }}</option>
                                                <option value="1">{{ _('  ') }}</option>
                                            </select>
                                        </div>   
                                    </div>
                                </div>
                            </div>


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

                            <!-- Sección: 5 BOTON 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>


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





