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



{% extends "layout.html" %}

{% block title %}{{ _('Tanque Externo') }}{% endblock %}

{% block content %}
<!-- Conexion de CSS External_Tank -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/Operaciones/Ingenieria/PE/PE_DM/External_Tank.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">{{ _(' Tanque Externo ') }}</h2>
                <p>{{ _(' Bienvenido a tanque externo 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 MODELO -->
                            <div class="form-row">   
                                <!-- CAMPO No. DE PARTE -->
                                <div class="form-group">
                                    <label for="" class="required">{{ _(' No. de parte ') }}</label>
                                    <select id="" name="" class="form-select">
                                        <option selected disabled value="">{{ _(' Seleccione una opcion ') }}</option>
                                        <option value="1">{{ _('  ') }}</option>
                                    </select>
                                </div>

                                <!-- CAMPO REVISION -->
                                <div class="form-group">
                                    <label for="" class="required">{{ _(' Revision ') }}</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 DESCRIPCION DE REVISION -->
                            <div class="form-row">                                                             
                                <!--  CAMPO DESCRIPCION DE REVISION -->
                                <div class="form-group">
                                    <label for="" class="required">{{ _(' Descripcion de revision ') }}</label>
                                    <textarea class="form-control" id=""></textarea>
                                </div>
                            </div>                            

                            <!-- Sección: 3 -->
                            <div class="form-row">   
                                <!-- CAMPO -->
                                <div class="form-group">
                                </div>
                            </div>                                                      
                          
                        
                            <!-- BOTON DE AGREGAR -->
                            <!--<div class="form-actions" style="margin-top: 20px; text-align: right;">
                                <button type="submit" class="btn btn-primary">
                                    {{ _(' Agregar ') }}
                                </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 External_Tank -->
<script src="{{ url_for('static', filename='js/Operaciones/Ingenieria/PE/PE_DM/External_Tank.js') }}"></script>
{% endblock %}





