erp-imprimelibros/src/main/resources/templates/imprimelibros/direcciones/direccion-form.html

<div th:fragment="direccionForm">
    <form id="direccionForm" novalidate th:action="${action}" th:object="${direccion}" method="post"
        th:data-add="#{direcciones.add}" th:data-edit="#{direcciones.editar}">
        <div class="form-group">
            <label for="alias">
                <span th:text="#{direcciones.alias}">Alias</span>
                <span class="text-danger">*</span>
            </label>
            <input class="form-control direccion-item" id="alias" th:field="*{alias}" maxlength="100" required>
            <div class="invalid-feedback"></div>
            <label th:text="#{direcciones.alias-descripcion}" class="form-text text-muted"></label>
        </div>

        <div class="form-group">
            <label for="att">
                <span th:text="#{direcciones.nombre}">Nombre y Apellidos</span>
                <span class="text-danger">*</span>
            </label>
            <input class="form-control direccion-item" id="att" th:field="*{att}" maxlength="150" required>
            <div class="invalid-feedback"></div>
        </div>

        <div class="form-group">
            <label for="direccion">
                <span th:text="#{direcciones.direccion}">Dirección</span>
                <span class="text-danger">*</span>
            </label>
            <textarea class="form-control direccion-item" id="direccion" th:field="*{direccion}" maxlength="255"
                required style="max-height: 125px;"></textarea>
            <div class="invalid-feedback"></div>
        </div>

        <div class="row">
            <div class="form-group col-lg-6 col-md-6 col-sm-12 ml-0">
                <label for="cp">
                    <span th:text="#{direcciones.cp}">Código Postal</span>
                    <span class="text-danger">*</span>
                </label>
                <input type="number" class="form-control direccion-item" id="cp" th:field="*{cp}" min="1" max="99999"
                    required>
                <div class="invalid-feedback"></div>
            </div>

            <div class="form-group col-lg-6 col-md-6 col-sm-12 mr-0">
                <label for="ciudad">
                    <span th:text="#{direcciones.ciudad}">Ciudad</span>
                    <span class="text-danger">*</span>
                </label>
                <input class="form-control direccion-item" id="ciudad" th:field="*{ciudad}" maxlength="100" required>
                <div class="invalid-feedback"></div>
            </div>

        </div>

        <div class="row">
            <div class="form-group col-lg-6 col-md-6 col-sm-12 ml-0">
                <label for="provincia">
                    <span th:text="#{direcciones.provincia}">Provincia</span>
                    <span class="text-danger">*</span>
                </label>
                <input class="form-control direccion-item" id="provincia" th:field="*{provincia}" maxlength="100"
                    required>
                <div class="invalid-feedback"></div>
            </div>

            <div class="form-group col-lg-6 col-md-6 col-sm-12 mr-0">
                <label for="pais">
                    <span th:text="#{direcciones.pais}">País</span>
                    <span class="text-danger">*</span>
                </label>
                <select class="form-control select2 direccion-item" id="pais" th:field="*{paisCode3}">
                    <option th:each="pais : ${paises}" th:value="${pais.id}" th:text="${pais.text}"
                        th:selected="${pais.id} == ${direccion.paisCode3}">
                    </option>
                </select>
                <div class="invalid-feedback"></div>
            </div>
        </div>

        <div class="form-group">
            <label for="telefono">
                <span th:text="#{direcciones.telefono}">Teléfono</span>
            </label>
            <input class="form-control direccion-item" id="telefono" th:field="*{telefono}" maxlength="50">
            <div class="invalid-feedback"></div>
        </div>

        <div class="form-group">
            <label for="instrucciones">
                <span th:text="#{direcciones.instrucciones}">Instrucciones</span>
            </label>
            <textarea class="form-control direccion-item" id="instrucciones" th:field="*{instrucciones}" maxlength="255"
                required style="max-height: 125px;"></textarea>
            <div class="invalid-feedback"></div>
        </div>

        <div class="form-check form-switch form-switch-custom my-2">
            <input type="checkbox"
                class="form-check-input form-switch-custom-primary direccion-item direccionFacturacion"
                id="direccionFacturacion" name="direccionFacturacion" th:field="*{direccionFacturacion}">
            <label for="direccionFacturacion" class="form-check-label" th:text="#{direcciones.isFacturacion}">Usar
                también como
                dirección de facturación</label>
        </div>

        <div
            th:class="'form-group direccionFacturacionItems' + (${direccion != null and direccion.direccionFacturacion} ? '' : ' d-none')">
            <label for="razon_social">
                <span th:text="#{direcciones.razon_social}">Razón Social</span>
                <span class="text-danger">*</span>
            </label>
            <input class="form-control direccion-item" id="razonSocial" th:field="*{razonSocial}" maxlength="150">
            <div class="invalid-feedback"></div>
        </div>

        <div
            th:class="'row direccionFacturacionItems' + (${direccion != null and direccion.direccionFacturacion} ? '' : ' d-none')">
            <div class="form-group col-lg-6 col-md-6 col-sm-12 ml-0">
                <label for="tipoIdentificacionFiscal">
                    <span th:text="#{direcciones.tipo_identificacion_fiscal}">Tipo de identificación fiscal</span>
                    <span class="text-danger">*</span>
                </label>
                <select class="form-control select2 direccion-item" id="tipoIdentificacionFiscal"
                    th:field="*{tipoIdentificacionFiscal}">
                    <option th:value="DNI" th:text="#{direcciones.dni}">DNI</option>
                    <option th:value="NIE" th:text="#{direcciones.nie}">NIE</option>
                    <option th:value="Pasaporte" th:text="#{direcciones.pasaporte}">Pasaporte</option>
                    <option th:value="CIF" th:text="#{direcciones.cif}">CIF</option>
                    <option th:value="VAT_ID" th:text="#{direcciones.vat_id}">VAT ID</option>
                </select>
                <div class="invalid-feedback"></div>
            </div>

            <div class="form-group col-lg-6 col-md-6 col-sm-12 ml-0">
                <label for="identificacionFiscal">
                    <span th:text="#{direcciones.identificacion_fiscal}">Número de identificación fiscal</span>
                    <span class="text-danger">*</span>
                </label>
                <input class="form-control direccion-item" id="identificacionFiscal" th:field="*{identificacionFiscal}"
                    maxlength="50">
                <div class="invalid-feedback"></div>
            </div>
        </div>

        <div class="d-flex align-items-center justify-content-center">
            <button type="submit" class="btn btn-secondary mt-3" th:text="#{direcciones.add}"></button>
        </div>

    </form>
</div>