<?php
// user_modals.php
?>

<!-- Modal para Añadir Nuevo Usuario -->
<div class="modal fade" id="addUserModal" tabindex="-1" role="dialog" aria-labelledby="addUserModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addUserModalLabel">Añadir Nuevo Usuario</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="newUserForm">
                    <div class="form-group">
                        <label for="newUserNombre">Nombre:</label>
                        <input type="text" class="form-control" id="newUserNombre" name="nombre" required>
                    </div>
                    <div class="form-group">
                        <label for="newUserApellido">Apellido:</label>
                        <input type="text" class="form-control" id="newUserApellido" name="apellido" required>
                    </div>
                    <div class="form-group">
                        <label for="newUserEmail">Email:</label>
                        <input type="email" class="form-control" id="newUserEmail" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="newUserTelefono">Teléfono:</label>
                        <input type="text" class="form-control" id="newUserTelefono" name="telefono" pattern="[0-9]*" required>
                    </div>
                    <div class="form-group">
                        <label for="newUserDepartamentoSelect">Departamento:</label>
                        <select class="form-control" id="newUserDepartamentoSelect" name="departamentoSelect" onchange="updateCities('#newUserDepartamentoSelect', '#newUserCiudadSelect');">
                            <!-- Departamentos se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="newUserCiudadSelect">Ciudad:</label>
                        <select class="form-control" id="newUserCiudadSelect" name="idCiudad">
                            <!-- Ciudades se cargarán aquí -->
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="saveUser()">Guardar Usuario</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Editar Usuario -->
<div class="modal fade" id="editUserModal" tabindex="-1" role="dialog" aria-labelledby="editUserModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editUserModalLabel">Editar Usuario</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="editUserForm">
                    <input type="hidden" id="editUserId" name="id">
                    <div class="form-group">
                        <label for="editUserNombre">Nombre:</label>
                        <input type="text" class="form-control" id="editUserNombre" name="nombre" required>
                    </div>
                    <div class="form-group">
                        <label for="editUserApellido">Apellido:</label>
                        <input type="text" class="form-control" id="editUserApellido" name="apellido" required>
                    </div>
                    <div class="form-group">
                        <label for="editUserEmail">Email:</label>
                        <input type="email" class="form-control" id="editUserEmail" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="editUserTelefono">Teléfono:</label>
                        <input type="text" class="form-control" id="editUserTelefono" name="telefono" pattern="[0-9]*" required>
                    </div>
                    <div class="form-group">
                        <label for="editUserDepartamentoSelect">Departamento:</label>
                        <select class="form-control" id="editUserDepartamentoSelect" name="departamentoSelect" onchange="updateEditCities('#editUserDepartamentoSelect', '#editUserCiudadSelect');">
                            <!-- Departamentos se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editUserCiudadSelect">Ciudad:</label>
                        <select class="form-control" id="editUserCiudadSelect" name="idCiudad">
                            <!-- Ciudades se cargarán aquí -->
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="updateUser()">Actualizar Usuario</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Añadir Nueva Dirección -->
<div class="modal fade" id="addAddressModal" tabindex="-1" role="dialog" aria-labelledby="addAddressModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addAddressModalLabel">Añadir Nueva Dirección</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="newAddressForm">
                    <div class="form-group">
                        <label for="addressNombre">Nombre:</label>
                        <input type="text" class="form-control" id="addressNombre" name="nombre" required>
                    </div>
                    <div class="form-group">
                        <label for="addressApellido">Apellido:</label>
                        <input type="text" class="form-control" id="addressApellido" name="apellido" required>
                    </div>
                    <div class="form-group">
                        <label for="addressRazonSocial">Razón Social:</label>
                        <input type="text" class="form-control" id="addressRazonSocial" name="razonSocial">
                    </div>
                    <div class="form-group">
                        <label for="addressDireccion">Dirección:</label>
                        <input type="text" class="form-control" id="addressDireccion" name="direccion" required>
                    </div>
                    <div class="form-group">
                        <label for="addressDireccionLinea2">Dirección Linea 2:</label>
                        <input type="text" class="form-control" id="addressDireccionLinea2" name="direccionLinea2">
                    </div>
                    <div class="form-group">
                        <label for="addressPhone">Teléfono:</label>
                        <input type="text" class="form-control" id="addressPhone" name="telefono" pattern="[0-9]*" required>
                    </div>
                    <div class="form-group">
                        <label for="addressEmail">Email:</label>
                        <input type="email" class="form-control" id="addressEmail" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="addressDepartamentoSelect">Departamento:</label>
                        <select class="form-control" id="addressDepartamentoSelect" name="departamentoSelect" onchange="updateAddressCities();">
                            <!-- Departamentos se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="addressCiudadSelect">Ciudad:</label>
                        <select class="form-control" id="addressCiudadSelect" name="idCiudad">
                            <!-- Ciudades se cargarán aquí -->
                        </select>
                    </div>
                    <input type="hidden" id="addressIdUsuario" name="idUsuario">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="saveAddress()">Guardar Dirección</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Editar Dirección -->
<div class="modal fade" id="editAddressModal" tabindex="-1" role="dialog" aria-labelledby="editAddressModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editAddressModalLabel">Editar Dirección</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="editAddressForm">
                    <input type="hidden" id="editAddressId" name="id">
                    <div class="form-group">
                        <label for="editAddressNombre">Nombre:</label>
                        <input type="text" class="form-control" id="editAddressNombre" name="nombre" required>
                    </div>
                    <div class="form-group">
                        <label for="editAddressApellido">Apellido:</label>
                        <input type="text" class="form-control" id="editAddressApellido" name="apellido" required>
                    </div>
                    <div class="form-group">
                        <label for="editAddressRazonSocial">Razón Social:</label>
                        <input type="text" class="form-control" id="editAddressRazonSocial" name="razonSocial">
                    </div>
                    <div class="form-group">
                        <label for="editAddressDireccion">Dirección:</label>
                        <input type="text" class="form-control" id="editAddressDireccion" name="direccion" required>
                    </div>
                    <div class="form-group">
                        <label for="editAddressDireccionLinea2">Dirección Linea 2:</label>
                        <input type="text" class="form-control" id="editAddressDireccionLinea2" name="direccionLinea2">
                    </div>
                    <div class="form-group">
                        <label for="editAddressPhone">Teléfono:</label>
                        <input type="text" class="form-control" id="editAddressPhone" name="telefono" pattern="[0-9]*" required>
                    </div>
                    <div class="form-group">
                        <label for="editAddressEmail">Email:</label>
                        <input type="email" class="form-control" id="editAddressEmail" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="editAddressDepartamentoSelect">Departamento:</label>
                        <select class="form-control" id="editAddressDepartamentoSelect" name="departamentoSelect" onchange="updateEditAddressCities();">
                            <!-- Departamentos se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editAddressCiudadSelect">Ciudad:</label>
                        <select class="form-control" id="editAddressCiudadSelect" name="idCiudad">
                            <!-- Ciudades se cargarán aquí -->
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="updateAddress()">Actualizar Dirección</button>
            </div>
        </div>
    </div>
</div>

<?php
// user_modals.php
?>

<!-- Modal para Añadir Nueva Facturación -->
<div class="modal fade" id="addBillingModal" tabindex="-1" role="dialog" aria-labelledby="addBillingModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addBillingModalLabel">Añadir Nueva Facturación</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="newBillingForm">
                    <div class="form-group">
                        <label for="billingRegimenSelect">Régimen:</label>
                        <select class="form-control" id="billingRegimenSelect" name="idRegimen">
                            <!-- Regímenes se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="billingTipoDocumentoSelect">Tipo de Documento:</label>
                        <select class="form-control" id="billingTipoDocumentoSelect" name="idTipoDocumento">
                            <!-- Tipos de documentos se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="billingDireccionSelect">Dirección:</label>
                        <select class="form-control" id="billingDireccionSelect" name="idDireccion">
                            <!-- Direcciones se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="billingNoDocumento">Número de Documento:</label>
                        <input type="number" class="form-control" id="billingNoDocumento" name="noDocumento" required>
                    </div>
                    <div class="form-group">
                        <label for="billingFirstName">Nombre:</label>
                        <input type="text" class="form-control" id="billingFirstName" name="nombre" required>
                    </div>
                    <div class="form-group">
                        <label for="billingLastName">Apellido:</label>
                        <input type="text" class="form-control" id="billingLastName" name="apellido" required>
                    </div>
                    <div class="form-group">
                        <label for="billingRazonSocial">Razón Social:</label>
                        <input type="text" class="form-control" id="billingRazonSocial" name="razonSocial">
                    </div>
                    <div class="form-group">
                        <label for="billingRegimenIva">Régimen IVA:</label>
                        <select class="form-control" id="billingRegimenIva" name="regimenIva">
                            <option value="Responsable">Responsable</option>
                            <option value="No Responsable">No Responsable</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="billingResponsabilidadFiscal">Responsabilidad Fiscal:</label>
                        <select class="form-control" id="billingResponsabilidadFiscal" name="responsabilidadFiscal">
                            <option value="Gran Contribuyente">Gran Contribuyente</option>
                            <option value="Autorentedor">Autorentedor</option>
                            <option value="Agente Retencion IVA">Agente Retención IVA</option>
                            <option value="Regimen Simple">Régimen Simple</option>
                            <option value="No Aplica-Otros">No Aplica-Otros</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="billingEmailFactura">Email Factura:</label>
                        <input type="email" class="form-control" id="billingEmailFactura" name="emailFactura" required>
                    </div>
                    <input type="hidden" id="billingIdUsuario" name="idUsuario">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="saveBilling()">Guardar Facturación</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Editar Facturación -->
<div class="modal fade" id="editBillingModal" tabindex="-1" role="dialog" aria-labelledby="editBillingModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editBillingModalLabel">Editar Facturación</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="editBillingForm">
                    <input type="hidden" id="editBillingId" name="id">
                    <div class="form-group">
                        <label for="editBillingRegimenSelect">Régimen:</label>
                        <select class="form-control" id="editBillingRegimenSelect" name="idRegimen">
                            <!-- Regímenes se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editBillingTipoDocumentoSelect">Tipo de Documento:</label>
                        <select class="form-control" id="editBillingTipoDocumentoSelect" name="idTipoDocumento">
                            <!-- Tipos de documentos se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editBillingDireccionSelect">Dirección:</label>
                        <select class="form-control" id="editBillingDireccionSelect" name="idDireccion">
                            <!-- Direcciones se cargarán aquí -->
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editBillingNoDocumento">Número de Documento:</label>
                        <input type="number" class="form-control" id="editBillingNoDocumento" name="noDocumento" required>
                    </div>
                    <div class="form-group">
                        <label for="editBillingFirstName">Nombre:</label>
                        <input type="text" class="form-control" id="editBillingFirstName" name="nombre" required>
                    </div>
                    <div class="form-group">
                        <label for="editBillingLastName">Apellido:</label>
                        <input type="text" class="form-control" id="editBillingLastName" name="apellido" required>
                    </div>
                    <div class="form-group">
                        <label for="editBillingRazonSocial">Razón Social:</label>
                        <input type="text" class="form-control" id="editBillingRazonSocial" name="razonSocial">
                    </div>
                    <div class="form-group">
                        <label for="editBillingRegimenIva">Régimen IVA:</label>
                        <select class="form-control" id="editBillingRegimenIva" name="regimenIva">
                            <option value="Responsable">Responsable</option>
                            <option value="No Responsable">No Responsable</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editBillingResponsabilidadFiscal">Responsabilidad Fiscal:</label>
                        <select class="form-control" id="editBillingResponsabilidadFiscal" name="responsabilidadFiscal">
                            <option value="Gran Contribuyente">Gran Contribuyente</option>
                            <option value="Autorentedor">Autorentedor</option>
                            <option value="Agente Retencion IVA">Agente Retención IVA</option>
                            <option value="Regimen Simple">Régimen Simple</option>
                            <option value="No Aplica-Otros">No Aplica-Otros</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="editBillingEmailFactura">Email Factura:</label>
                        <input type="email" class="form-control" id="editBillingEmailFactura" name="emailFactura" required>
                    </div>
                    <input type="hidden" id="editBillingIdUsuario" name="idUsuario">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="updateBilling()">Actualizar Facturación</button>
            </div>
        </div>
    </div>
</div>
