<!--
Archivo: VEUcotizador.html
Ruta: src\templates\Ventas\VentasEUA\VEUcotizador.html
Lenguaje: HTML
-->
{% extends "layout.html" %} {% block title %} {{ _('Cotizador - Ventas Norte America') }} {%
endblock %} {% block content %}

<head>
    <link
        rel="stylesheet"
        href="{{ url_for('static', filename='css/Ventas/VentasEUA/VEUcotizador.css') }}"
    />
</head>

<main class="page">
    <section class="clean-block clean-form dark">
        <div class="container">
            <div class="block-heading">
                <h2 class="text-info">{{ _('Cotizador') }}</h2>
                <p>
                    {{ _('Bienvenido al cotizador de venta de IGSA para plantas eléctricas en
                    America del norte') }}
                </p>
            </div>
            <!-- Contenedor principal del formulario multipasos -->
            <div class="multi-step-container">
                <!-- Barra de progreso -->
                <div class="progressbar">
                    <div class="step active">
                        <div class="circle">1</div>
                        <p class="step-title">{{ _('Información General') }}</p>
                    </div>
                    <div class="step">
                        <div class="circle">2</div>
                        <p class="step-title">{{ _('Control') }}</p>
                    </div>
                    <div class="step">
                        <div class="circle">3</div>
                        <p class="step-title">{{ _('Caseta') }}</p>
                    </div>
                    <div class="step">
                        <div class="circle">4</div>
                        <p class="step-title">{{ _('Accesorios adicionales') }}</p>
                    </div>
                    <div class="step">
                        <div class="circle">5</div>
                        <p class="step-title">{{ _('Tanque') }}</p>
                    </div>
                    <div class="step">
                        <div class="circle">6</div>
                        <p class="step-title">{{ _('Últimos detalles') }}</p>
                    </div>
                </div>
                <!-- Formularios de pasos -->
                <form
                    class="form-multipaso"
                    id="cotizadorForm"
                >
                    <!-- Paso 1 -->
                    <div class="form-step active">
                        <h3 class="form-step-title">{{ _('Información General') }}</h3>
                        <!-- sección: 1 Seccion General -->
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="potencia"
                                    >{{ _('Potencia') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="potencia"
                                >
                                    <option selected>{{ _('Standby') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="tipoCombustible"
                                    >{{ _('Tipo de Combustible') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="tipoCombustible"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione una opción') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="capacidadKW"
                                    >{{ _('Capacidad KW') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="capacidadKW"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione el tipo de combustible') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="marcaMotor"
                                    >{{ _('Marca de Motor') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="marcaMotor"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione la capacidad KW') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="marcaGenerador"
                                    >{{ _('Marca de Generador') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="marcaGenerador"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione la Marca de Motor') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="voltaje"
                                    >{{ _('Voltaje') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="voltaje"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione la Marca de Generador') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="certified"
                                    >{{ _('Certificación UL') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="certified"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione un voltaje') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="cantidadPlantas"
                                    >{{ _('Cantidad de Plantas') }}</label
                                >
                                <input
                                    class="form-control"
                                    id="cantidadPlantas"
                                    type="number"
                                    placeholder="Cantidad (mín: 1)"
                                    min="1"
                                    value="1"
                                    required
                                />
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="QtyBreakers"
                                    >{{ _('Cantidad de Interruptores') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="QtyBreakers"
                                >
                                    <option
                                        selected
                                        disabled
                                        value
                                    >
                                        {{ _('Seleccione una opción') }}
                                    </option>
                                    <option value="1">{{ _('1 Interruptor instalado') }}</option>
                                    <option value="2">{{ _('2 Interruptores instalados') }}</option>
                                    <option value="3">{{ _('3 Interruptores instalados') }}</option>
                                </select>
                            </div>
                        </div>
                        <!-- sección: 1.1 Opciones de interruptores 1 -->
                        <div class="section-interruptores">
                            <h4 class="section-subtitle">{{ _('Opciones de interruptor 1') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="interruptor1"
                                        >{{ _('Interruptor 1') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="interruptor1"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="preparacionDerivacion"
                                        >{{ _('Preparación para derivación') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="preparacionDerivacion"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="cableadoDerivacion"
                                        >{{ _('Cableado para derivación') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="cableadoDerivacion"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="gfiFalla">{{ _('GFI Falla a tierra') }}</label>
                                    <select
                                        class="form-select"
                                        id="gfiFalla"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="lsigDisparo">{{ _('Tipo de protección') }}</label>
                                    <select
                                        class="form-select"
                                        id="lsigDisparo"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione un modelo de interrptor') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="contactosAuxiliares"
                                        >{{ _('Contactos Auxiliares') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="contactosAuxiliares"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="breakerLock"
                                        >{{ _('Bloqueo de Interruptor') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="breakerLock"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="breakerMoto"
                                        >{{ _('Interruptor Motorizado') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="breakerMoto"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.2 Opciones de interruptores 2 -->
                        <div class="section-interruptores">
                            <h4 class="section-subtitle">{{ _('Opciones de interruptor 2') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="interruptor2"
                                        >{{ _('Interruptor 2') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="interruptor2"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="preparacionDerivacion2"
                                        >{{ _('Preparación para derivación') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="preparacionDerivacion2"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="cableadoDerivacion2"
                                        >{{ _('Cableado para derivación') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="cableadoDerivacion2"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="gfiFalla2">{{ _('GFI Falla a tierra') }}</label>
                                    <select
                                        class="form-select"
                                        id="gfiFalla2"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="lsigDisparo2">{{ _('Tipo de protección') }}</label>
                                    <select
                                        class="form-select"
                                        id="lsigDisparo2"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione un modelo de interrptor') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="contactosAuxiliares2"
                                        >{{ _('Contactos Auxiliares') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="contactosAuxiliares2"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                        >
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="breakerLock2"
                                        >{{ _('Bloqueo de Interruptor') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="breakerLock2"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="breakerMoto2"
                                        >{{ _('Interruptor Motorizado') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="breakerMoto2"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.3 Opciones de interruptores 3 -->
                        <div class="section-interruptores">
                            <h4 class="section-subtitle">{{ _('Opciones de interruptor 3') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="interruptor3"
                                        >{{ _('Interruptor 3') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="interruptor3"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="preparacionDerivacion3"
                                        >{{ _('Preparación para derivación') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="preparacionDerivacion3"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="cableadoDerivacion3"
                                        >{{ _('Cableado para derivación') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="cableadoDerivacion3"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="gfiFalla3">{{ _('GFI Falla a tierra') }}</label>
                                    <select
                                        class="form-select"
                                        id="gfiFalla3"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="lsigDisparo3">{{ _('Tipo de protección') }}</label>
                                    <select
                                        class="form-select"
                                        id="lsigDisparo3"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione un modelo de interrptor') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="contactosAuxiliares3"
                                        >{{ _('Contactos Auxiliares') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="contactosAuxiliares3"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="breakerLock3"
                                        >{{ _('Bloqueo de Interruptor') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="breakerLock3"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="breakerMoto3"
                                        >{{ _('Interruptor Motorizado') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="breakerMoto3"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-end">
                            <button
                                class="btn btn-primary next-btn"
                                type="button"
                            >
                                {{ _('Siguiente') }}
                            </button>
                        </div>
                    </div>
                    <!-- Paso 2 -->
                    <div class="form-step">
                        <h3 class="form-step-title">{{ _('Control') }}</h3>
                        <!-- sección: 1 Seccion General -->
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="Controlbrand"
                                    >{{ _('Marca de Control') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="Controlbrand"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Selecciona la certificación del paso 1') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="ControlModel"
                                    >{{ _('Modelo de Control') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="ControlModel"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Selecciona la marca de control') }}
                                    </option>
                                </select>
                            </div>
                        </div>

                        <!-- sección: 1.2 Accesorios de Control DEP SEA-->
                        <div class="section-ctrol">
                            <h4 class="section-subtitle">
                                {{ _('Accesorios de Control DEP SEA') }}
                            </h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="CtrlPanelHeater"
                                        >{{ _('Panel de control de Calentador') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="CtrlPanelHeater"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="RemoteDisplayModule"
                                        >{{ _('Módulo de Pantalla Remota') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="RemoteDisplayModule"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="Antena"
                                        >{{ _('Antena GSM / GPS 3M RG-174, GSM-SMA(M),GPS-SMA(F)')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="Antena"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="DSE890"
                                        >{{ _('DSE890 Ethernet / 4G gateway device') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="DSE890"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="DSE2157"
                                        >{{ _('DSE2157 Output module (8 dry contacts)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="DSE2157"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyDSE2157">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyDSE2157"
                                        type="number"
                                        min="1"
                                        value="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="DSE2548"
                                        >{{ _('DSE2548 Remote annunciator') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="DSE2548"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyDSE2548">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyDSE2548"
                                        type="number"
                                        min="1"
                                        value="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                        </div>

                        <!-- sección: 1.3 Accesorios de Control COMAP-->
                        <div class="section-ctrol">
                            <h4 class="section-subtitle">{{ _('Accesorios de Control COMAP') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="CtrlPanelHeaterCMP"
                                        >{{ _('Panel de control de Calentador') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="CtrlPanelHeaterCMP"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="RemoteDisplayModuleCMP"
                                        >{{ _('Módulo de Pantalla Remota') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="RemoteDisplayModuleCMP"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="AntenaCMP"
                                        >{{ _('Antena GSM / GPS 3M RG-174, GSM-SMA(M),GPS-SMA(F)')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="AntenaCMP"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="ComapDSE890"
                                        >{{ _('CM3 Ethernet / 4G gateway device') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="ComapDSE890"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="ComapDSE2157"
                                        >{{ _('CMP-IRB8 Output module (8 dry contacts)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="ComapDSE2157"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyComapDSE2157">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyComapDSE2157"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="ComapDSE2548"
                                        >{{ _('IGLRA15 Remote annunciator') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="ComapDSE2548"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyComapDSE2548">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyComapDSE2548"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.3 Precalentador-->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Precalentador') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="VotlOper">{{ _('Voltaje de Operacion') }}</label>
                                    <select
                                        class="form-select"
                                        id="VotlOper"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.3 Cargador de Baterias-->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Cargador de Baterias') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="BateryCharger"
                                        >{{ _('Modelo de Cargador') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="BateryCharger"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button
                                class="btn btn-secondary prev-btn"
                                type="button"
                            >
                                {{ _('Anterior') }}
                            </button>
                            <button
                                class="btn btn-primary next-btn"
                                type="button"
                            >
                                {{ _('Siguiente') }}
                            </button>
                        </div>
                    </div>
                    <!-- Paso 3 -->
                    <div class="form-step">
                        <h3 class="form-step-title">{{ _('Caseta') }}</h3>
                        <!-- sección: 1 Seccion General -->
                        <div class="form-row">
                            <div class="form-group">
                                <label for="Enclosure">{{ _('Tipo de Caseta') }}</label>
                                <select
                                    class="form-select"
                                    id="Enclosure"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Complete el paso 1, por favor') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="EnclosureType"
                                    >{{ _('Material base de caseta') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="EnclosureType"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Seleccione el tipo de caseta') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <!-- sección: 1.1 Accesorios de casetas -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Accesorios de Caseta') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="GFCI120V"
                                        >{{ _('Toma de corriente tipo GFCI de 120V') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="GFCI120V"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyGFCI120V">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyGFCI120V"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label for="Receptable120V"
                                        >{{ _('Toma de corriente de 120V') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="Receptable120V"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyReceptable120V">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyReceptable120V"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="lightAC">{{ _('Luces de caseta en AC') }}</label>
                                    <select
                                        class="form-select"
                                        id="lightAC"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtylightAC">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtylightAC"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label for="lightDC">{{ _('Luces de caseta en DC') }}</label>
                                    <select
                                        class="form-select"
                                        id="lightDC"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtylightDC">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtylightDC"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="SpaceHeater"
                                        >{{ _('Calentador de espacio para caseta') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="SpaceHeater"
                                    >
                                        <option selected>{{ _('Seleccione una opción') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtySpaceHeater">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtySpaceHeater"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label for="LoadCenter"
                                        >{{ _('Centro de carga / Tablero de distribución') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="LoadCenter"
                                    >
                                        <option selected>{{ _('Seleccione una opción') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="PrewireAccsEnclousure"
                                        >{{ _('Precablear accesorios a centro de carga') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="PrewireAccsEnclousure"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="OpeningEnclousure"
                                        >{{ _('Apertura Interna')}}
                                    </label>
                                    <select
                                        class="form-select"
                                        id="OpeningEnclousure"
                                    >
                                        <option value="Si">{{ _('Si') }}</option>
                                        <option selected value="No">{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="StopButtonEnclosure"
                                        >{{ _('Botón de Paro') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="StopButtonEnclosure"
                                    >
                                        <option selected value="">{{ _('Seleccione una opción') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="StopButtonEnclosure_Qty">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="StopButtonEnclosure_Qty"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.2 Accesorios de casetas persianas automáticas -->
                        <div class="section-acutomaticlouvers">
                            <h4 class="section-subtitle">
                                {{ _('Accesorios de caseta, Persianas') }}
                            </h4>
                            <div class="form-row">
                             
                                <div class="form-group">
                                    <label for="Receptautolouvers"
                                        >{{ _('Contacto de falla conectado a panel de control')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="Receptautolouvers"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="louvers_in"
                                        >{{ _('Persianas de entrada')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="louvers_in"
                                    >
                                        <option selected value="">{{ _('Seleccione una opción') }}</option>
                                    </select>
                                </div>
                                

                                <div class="form-group">
                                    <label for="louvers_out"
                                        >{{ _('Persianas de salida')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="louvers_out"
                                    >
                                        <option selected value="">{{ _('Seleccione una opción') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button
                                class="btn btn-secondary prev-btn"
                                type="button"
                            >
                                {{ _('Anterior') }}
                            </button>
                            <button
                                class="btn btn-primary next-btn"
                                type="button"
                            >
                                {{ _('Siguiente') }}
                            </button>
                        </div>
                    </div>
                    <!-- Paso 4 -->
                    <div class="form-step">
                        <h3 class="form-step-title">{{ _('Accesorios adicionales') }}</h3>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="BandHeater"
                                    >{{ _('Calentador de banda para alternador') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="BandHeater"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="PMGUpdate"
                                    >{{ _('Actualización a MX321 - PMG') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="PMGUpdate"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="DigitalRegulator"
                                    >{{ _('Regulador de voltaje digital DM110') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="DigitalRegulator"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="VoltageRheostat"
                                    >{{ _('Reóstato para ajuste de voltaje') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="VoltageRheostat"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="ThermalWrap"
                                    >{{ _('Envoltura térmica para batería') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="ThermalWrap"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="BaseHeater"
                                    >{{ _('Calentador de base para batería') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="BaseHeater"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="BatterySwitch"
                                    >{{ _('Interruptor de desconexión de batería') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="BatterySwitch"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="BatteryHolder"
                                    >{{ _('Fijador o sujeción para batería') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="BatteryHolder"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="OilHeater"
                                    >{{ _('Calentador del cárter de aceite') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="OilHeater"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="OilLevelSwitch"
                                    >{{ _('Interruptor de nivel de aceite - Murphy 129') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="OilLevelSwitch"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="CommonAlarmRelay"
                                    >{{ _('Relé - 10A Alarma común') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="CommonAlarmRelay"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="FunctionRelay"
                                    >{{ _('Relé - 10A Relé de funcionamiento') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="FunctionRelay"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="Coolant"
                                    >{{ _('Refrigerante en el grupo electrógeno') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="Coolant"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="Oil">{{ _('Aceite en el grupo electrógeno') }}</label>
                                <select
                                    class="form-select"
                                    id="Oil"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="DisconnectSwitches"
                                    >{{ _('Interruptores de desconexión del calentador') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="DisconnectSwitches"
                                >
                                    <option>{{ _('Si') }}</option>
                                    <option selected>{{ _('No') }}</option>
                                </select>
                            </div>
                        </div>
                        <!-- sección: 1.1 Accesorios enviados sueltos -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">
                                {{ _('Accesorios adicionales, Enviados sueltos') }}
                            </h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="EStop">{{ _('Paro de emergencia remoto') }}</label>
                                    <select
                                        class="form-select"
                                        id="EStop"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="QtyEStop">{{ _('Cantidad') }}</label>
                                    <input
                                        class="form-control"
                                        id="QtyEStop"
                                        type="number"
                                        min="1"
                                        required
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label for="RemoteEStop"
                                        >{{ _('Paro de emergencia Visual / Cubierta plástica')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="RemoteEStop"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="SpringIsolator"
                                        >{{ _('Resorte de aislador') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="SpringIsolator"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button
                                class="btn btn-secondary prev-btn"
                                type="button"
                            >
                                {{ _('Anterior') }}
                            </button>
                            <button
                                class="btn btn-primary next-btn"
                                type="button"
                            >
                                {{ _('Siguiente') }}
                            </button>
                        </div>
                    </div>
                    <!-- Paso 5 -->
                    <div class="form-step">
                        <h3 class="form-step-title">{{ _('Configuración del tanque') }}</h3>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="TankCapacity">{{ _('Capacidad de tanque') }}</label>
                                <select
                                    class="form-select"
                                    id="TankCapacity"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Complete el paso 1, por favor') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="TankType">{{ _('Tipo de tanque') }}</label>
                                <select
                                    class="form-select"
                                    id="TankType"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Seleccione la capacidad del tanque') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <!-- sección: 1.1 Accesorios del Tanque -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Accesorios del Tanque') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="BreakTraySwitch"
                                        >{{ _('Interruptor de bandeja de ruptura') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="BreakTraySwitch"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="FuelLevelSensor"
                                        >{{ _('Sensor de nivel de combustible') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="FuelLevelSensor"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="SpillContainment"
                                        >{{ _('Contención de derrames') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="SpillContainment"
                                    >
                                        <option
                                            selected
                                            disabled
                                        >
                                            {{ _('Seleccione una opción') }}
                                        </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.2 Opciones de suministro de combustible -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">
                                {{ _('Opciones de suministro de combustible') }}
                            </h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="OverfillValve"
                                        >{{ _('Válvula de protección contra sobrellenado') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="OverfillValve"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="DualFuelSwitches"
                                        >{{ _('Interruptores de doble combustible') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="DualFuelSwitches"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="HighFuelSwitch"
                                        >{{ _('Interruptor de nivel alto de combustible (FDEP)')
                                        }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="HighFuelSwitch"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="RemoteAlarmPanel"
                                        >{{ _('Panel de alarma remoto') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="RemoteAlarmPanel"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.3 Opciones de ventilación normal -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">
                                {{ _('Opciones de ventilación normal') }}
                            </h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="VentPipe"
                                        >{{ _('12 pies sobre el nivel del suelo (tubería de
                                        ventilación extendida)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="VentPipe"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.4 Marcajes del tanque -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Marcajes del tanque') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="FlammableLiquids"
                                        >{{ _('Líquidos combustibles - Mantener alejado del fuego
                                        (cantidad 2)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="FlammableLiquids"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="NFPAIdentification"
                                        >{{ _('Identificación NFPA 7044 (cantidad 2)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="NFPAIdentification"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="NoSmoking"
                                        >{{ _('Prohibido fumar (cantidad 2)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="NoSmoking"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="TankNumber"
                                        >{{ _('Número del tanque y altura de llenado segura
                                        (cantidad 2)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="TankNumber"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!-- sección: 1.5 Contención de fluidos -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Contención de fluidos') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="FluidContainment"
                                        >{{ _('Contención total del motor (100%%)') }}</label
                                    >
                                    <select
                                        class="form-select"
                                        id="FluidContainment"
                                    >
                                        <option>{{ _('Si') }}</option>
                                        <option selected>{{ _('No') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button
                                class="btn btn-secondary prev-btn"
                                type="button"
                            >
                                {{ _('Anterior') }}
                            </button>
                            <button
                                class="btn btn-primary next-btn"
                                type="button"
                            >
                                {{ _('Siguiente') }}
                            </button>
                        </div>
                    </div>
                    <!-- Paso 6 -->
                    <div class="form-step">
                        <h3 class="form-step-title">{{ _('Ultimos detalles') }}</h3>
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="Project"
                                    >{{ _('Nombre de proyecto') }}</label
                                >
                                <textarea
                                    class="form-control"
                                    id="Project"
                                    placeholder="{{ _('Nombre del proyecto con el que se identificará') }}"
                                ></textarea>
                            </div>
                        </div>
                        <!--- NUEVOS CAMPOS -->
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="Country"
                                    >{{ _('País Destino') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="Country"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Seleccione una opción') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="States"
                                    >{{ _('Estado Destino') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="States"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Seleccione una opción') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="Garanty"
                                    >{{ _('Garantía') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="Garanty"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Seleccione una opción') }}
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label
                                    class="required"
                                    for="Teasting"
                                    >{{ _('Pruebas') }}</label
                                >
                                <select
                                    class="form-select"
                                    id="Teasting"
                                >
                                    <option
                                        selected
                                        disabled
                                    >
                                        {{ _('Complete el paso 1, por favor') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="ReqCustomer"
                                    >{{ _('Requerimientos especiales del cliente') }}</label
                                >
                                <textarea
                                    class="form-control"
                                    id="ReqCustomer"
                                    placeholder="{{ _('Escribe algún requerimiento adicional') }}"
                                ></textarea>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-group">
                                <label for="Discount">{{ _('Pocentaje de Descuento') }}</label>
                                <input
                                    class="form-control"
                                    id="Discount"
                                    type="number"
                                    step="0.01"
                                    required
                                    disabled
                                />
                            </div>
                        </div>

                        <!-- Información de cliente -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Información de cliente') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="CustomerCompany"
                                        >{{ _('Compañia:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="CustomerCompany"
                                        type="text"
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="CustomerAddress"
                                        >{{ _('Direccion:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="CustomerAddress"
                                        type="text"
                                        disabled
                                    />
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="CustomerContact"
                                        >{{ _('Contacto:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="CustomerContact"
                                        type="text"
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="CustomerEmail"
                                        >{{ _('Correo:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="CustomerEmail"
                                        type="text"
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="CustomerTel"
                                        >{{ _('Teléfono:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="CustomerTel"
                                        type="text"
                                        disabled
                                    />
                                </div>
                            </div>
                        </div>

                        <!-- Información de Vendedor -->
                        <div class="section-step-gral">
                            <h4 class="section-subtitle">{{ _('Información del Vendedor') }}</h4>
                            <div class="form-row">
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="SellerName"
                                        >{{ _('Vendedor:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="SellerName"
                                        type="text"
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="SellerEmail"
                                        >{{ _('Correo:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="SellerEmail"
                                        type="text"
                                        disabled
                                    />
                                </div>
                                <div class="form-group">
                                    <label
                                        class="required"
                                        for="SellerPhone"
                                        >{{ _('Teléfono:') }}</label
                                    >
                                    <input
                                        class="form-control"
                                        id="SellerPhone"
                                        type="text"
                                        disabled
                                    />
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-between">
                            <button
                                class="btn btn-secondary prev-btn"
                                type="button"
                            >
                                {{ _('Anterior') }}
                            </button>
                            <button
                                class="btn btn-success"
                                type="submit"
                            >
                                {{ _('Enviar cotización') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>

    <div
        class="loading-overlay"
        style="display: none"
    >
        <div class="spinner"></div>
        <p>Procesando cotización...</p>
        <p>Por favor espere, esto puede tomar unos momentos.</p>
    </div>
</main>

<script>
    var TEXT_SELECT_OPTION = "{{ _('Seleccione una opción') }}";
    var TEXT_ERROR_LOADING = "{{ _('Error al cargar opciones') }}";
    var TEXT_SELECT_STATE = "{{ _('Selecciona un estado/provincia') }}";
</script>
<script src="{{ url_for('static', filename='js/Ventas/VentasEUA/VEUcotizador.js') }}"></script>

{% endblock %}
