<div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="largeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="largeModalLabel">Crear Nuevo Vehículo</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="POST" action="../controller/CrearFlota.php" autocomplete="off">
          
          <!-- TIPO y MARCA -->
          <div class="form-row">
            <div class="form-group col-12 col-md-6">
              <label for="tipo">Tipo:</label>
              <select id="tipo" name="tipo" class="form-control w-100" required>
                <option value="">Seleccione Tipo de Vehículo</option>
                <option value="SUV">SUV</option>
                <option value="Auto">Auto</option>
                <option value="Autobus">Autobus</option>
                <option value="Camión">Camión</option>
                <option value="Camioneta">Camioneta</option>
                <option value="Maquinaria Pesada">Maquinaria Pesada</option>
              </select>
            </div>
            <div class="form-group col-12 col-md-6">
              <label for="marca">Marca:</label>
              <select id="marca" name="marca" class="form-control w-100" required>
                <option value="">Seleccione Marca:</option>
                <!-- Opciones omitidas por brevedad -->
                  <option value="BMW">BMW</option>
                <option value="Honda">Honda</option>
                <option value="Hyundai">Hyundai</option>
                <option value="Mercedes Benz">Mercedes Benz</option>
                <option value="Mitsubishi">Mitsubishi</option>
                <option value="Nissan">Nissan</option>
                <option value="Scania">Scania</option>
                <option value="Toyota">Toyota</option>
                <option value="Volswagen">Volswagen</option>
                <option value="Caterpillar">Caterpillar</option>
                <option value="Chevrolet">Chevrolet</option>
                <option value="Changán">Changán</option>
                <option value="DFSK">DFSK</option>
                <option value="Haval">Haval</option>
                <option value="JAC">JAC</option>
                <option value="Subaru">Subaru</option>
              </select>
            </div>
          </div>

          <!-- MODELO y PLACA -->
          <div class="form-row">
            <div class="form-group col-12 col-md-6">
              <label for="modelo">Modelo:</label>
              <input type="text" id="modelo" name="modelo" class="form-control" placeholder="Modelo del Vehículo" required>
            </div>
            <div class="form-group col-12 col-md-6">
              <label for="placa">Placa:</label>
              <input type="text" id="placa" name="placa" class="form-control" placeholder="Nro. de Placa" onkeyup="this.value = this.value.toUpperCase();" required>
            </div>
          </div>

          <!-- NRO. SERIE y COLOR -->
          <div class="form-row">
            <div class="form-group col-12 col-md-6">
              <label for="nro_serie">Nro. Serie:</label>
              <input type="text" id="nro_serie" name="nro_serie" class="form-control" placeholder="Nro. de Serie" required>
            </div>
            <div class="form-group col-12 col-md-6">
              <label for="color">Color:</label>
              <input type="text" id="color" name="color" class="form-control" placeholder="Color" required>
            </div>
          </div>

          <!-- AÑO y CARGA -->
          <div class="form-row">
            <div class="form-group col-12 col-md-6">
              <label for="ano">Año:</label>
              <select id="ano" name="ano" class="form-control w-100" required>
                <option value="">Seleccione Año:</option>
                <?php for($year=1985; $year<=2030; $year++) echo "<option value='$year'>$year</option>"; ?>
              </select>
            </div>
            <div class="form-group col-12 col-md-6">
              <label for="carga_maxima">Carga Máxima:</label>
              <input type="text" id="carga_maxima" name="carga_maxima" class="form-control" placeholder="Carga Máxima" required>
              <small class="form-text text-muted">* En KG / Toneladas</small>
            </div>
          </div>

          <!-- COMBUSTIBLE y ACEITE -->
          <div class="form-row">
            <div class="form-group col-12 col-md-6">
              <label for="tipo_combustible">Tipo de Combustible:</label>
              <select id="tipo_combustible" name="tipo_combustible" class="form-control w-100" required>
                <option value="">Seleccionar:</option>
                <option value="Diesel">Diesel</option>
                <option value="GLP">GLP</option>
                <option value="GNV">GNV</option>
                <option value="Premium">Premium</option>
                <option value="Regular">Regular</option>
              </select>
            </div>
            <div class="form-group col-12 col-md-6">
              <label for="tipo_de_aceite">Tipo de Aceite:</label>
               <input type="text" id="tipo_de_aceite" name="tipo_de_aceite" class="form-control" placeholder="Capacidad de Aceite" required>
            </div>
          </div>

          <!-- CANTIDAD ACEITE y COMENTARIOS -->
          <div class="form-row">
            <div class="form-group col-12 col-md-6">
              <label for="cantidad_aceite">Capacidad de Aceite de Motor:</label>
              <input type="text" id="cantidad_aceite" name="cantidad_aceite" class="form-control" placeholder="Capacidad de Aceite" required>
            </div>
            <div class="form-group col-12 col-md-6">
              <label for="comentarios">Comentarios Adicionales:</label>
              <input type="text" id="comentarios" name="comentarios" class="form-control" placeholder="Comentarios Adicionales">
            </div>
          </div>

          <!-- BOTONES -->
          <div class="modal-footer mt-3">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            <button type="submit" name="agregar" class="btn btn-primary">Confirmar</button>
          </div>

        </form>
      </div>
    </div>
  </div>
</div>
