<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frmDatosVacAntirrabia.aspx.vb" Inherits="ETOZ_frmDatosVacAntirrabia" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet" />
    <link href="../css/Modern_UI/Principal.css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>

    <script src="../ComponenteIVC/Scripts/Libs/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../ComponenteIVC/Scripts/Libs/jquery.BlockUI.js" type="text/javascript"></script>
    <script src="Script/frmReporVacunaAntirrabica2026.js" type="text/javascript"></script>
    <script type="text/javascript">

        function CloseAndRebind(args) {
            var oWnd = GetRadWindow();
            oWnd.BrowserWindow.refreshGrid(args); // Llama a la función del padre
            oWnd.close();
        }

        function GetRadWindow() {
            var oWindow = null;
            if (window.radWindow) oWindow = window.radWindow;
            else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
            return oWindow;
        }

    </script>

    <form id="ActaMes_FrmRepVacAnti" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

        <telerik:RadWindowManager ID="RadWindowManager1"
            runat="server"
            Modal="true"
            Skin="Bootstrap">
            <Windows>
                <telerik:RadWindow ID="IngresoDireccionInicio" 
                    runat="server" 
                    Title="" 
                    Height="280px" 
                    Width="600px" 
                    EnableViewState="false" 
                    Left="150px" 
                    Top="30px" 
                    Modal="True" 
                    Skin="Bootstrap"
                    NavigateUrl="" 
                    Behaviors="Close" 
                    OnClientClose="IngresoDireccionInicio_CallBack" />
                <telerik:RadWindow ID="BuscoCargarCarnet"
                    runat="server" 
                    Title="" 
                    Height="400px" 
                    Width="600px" 
                    EnableViewState="false" 
                    Left="150px" 
                    Top="30px" 
                    Modal="True" 
                    Skin="Bootstrap"
                    NavigateUrl="" 
                    Behaviors="Close" 
                    OnClientClose="BuscoCargarCarnet_CallBack" />
            </Windows>
        </telerik:RadWindowManager>
        <div class="gov-header">
            <div class="gov-header-left">
                <img src="../images/logos/Imagen_Ambiente.png" alt="Bogotá D.C." />
            </div>
            <div class="gov-header-center">
                <div class="gov-entity">Secretaría Distrital de Salud</div>
                <div class="gov-area">Subsecretaría de Salud Pública</div>
                <div class="gov-program">Vigilancia en Salud Ambiental</div>
            </div>
            <div class="gov-header-right">
                <img src="../images/logos/home_negocios_rentables.PNG" alt="Salud Ambiental" />
            </div>
        </div>
        <div class="container-fluid form-container">
            <div class="panel panel-default">
                <div class="panel-heading form-title text-center">
                    DATOS DEL ANIMAL Y DEL PROPIETARIO
                </div>
                <div class="panel-body">
                    <br />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-subtitle">
                                DATOS DEL ANIMAL
                            </div>
                        </div>
                    </div>

                    <div class="row">
                         <div class="col-md-2 col-sm-12">
                            <div class="col-md-2 col-sm-12 d-flex justify-content-center">
                                <button type="button"
                                        class="btn btn-ingresarformSecun d-inline-flex align-items-center gap-1"
                                        onclick="BuscarCargarCarnet();">
                                    <i class="bi bi-search"></i>
                                    Buscar Número de Carnet
                                </button>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12"></div>
                        <div class="col-md-2 col-sm-12"></div>
                        <div class="col-md-2 col-sm-12"></div>
                        <div class="col-md-3 col-sm-12"></div>
                    </div>
                    <br />
                    <div class="row">
                         <div class="col-md-2 col-sm-12">

                            <label class="form-label">
                                No. Carnet
                            </label>
                            <telerik:RadTextBox ID="txtCarnet"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap"
                                AutoPostBack="true"
                                OnTextChanged="txtCarnet_TextChanged" />
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <label class="form-label">
                                Nombre
                            </label>
                            <telerik:RadTextBox ID="txtNombreAnimal"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">Especie</label>
                            <telerik:RadComboBox ID="rcbEspecie"
                                runat="server"
                                Skin="Bootstrap"
                                Width="100%" 
                                AutoPostBack="True" 
                                OnSelectedIndexChanged="rcbEspecie_SelectedIndexChanged" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Raza
                            </label>
                            <telerik:RadComboBox ID="rcbRaza"
                                runat="server"
                                Skin="Bootstrap"
                                Width="100%"
                                AutoPostBack="true" 
                                OnSelectedIndexChanged="rcbRaza_SelectedIndexChanged" 
                                Filter="Contains"
                                MarkFirstMatch="true"
                                EnableLoadOnDemand="false"
                                AllowCustomText="false"/>
                        </div>
                        <div ID="lbltxtOtroRaza" runat="server" class="col-md-3 col-sm-12">
                            <label class="form-label">
                                Otro
                            </label>
                            <telerik:RadTextBox ID="txtOtroRaza"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                        </div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Edad - Años
                            </label>
                            <telerik:RadTextBox ID="txtEdadAnios"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap"
                                Text="0"
                                AutoPostBack="true"
                                OnTextChanged="txtEdadAnios_TextChanged" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Edad - Meses
                            </label>
                            <telerik:RadTextBox ID="txtEdadMes"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap"
                                Text="0" 
                                AutoPostBack="true"
                                OnTextChanged="txtEdadMes_TextChanged" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Sexo
                            </label>
                            <telerik:RadComboBox ID="rcbSexoAnimal"
                                runat="server"
                                Skin="Bootstrap"
                                Width="100%" />
                        </div>
                        <div class="col-md-6 col-sm-12"></div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-subtitle">
                                DATOS DEL PROPIETARIO
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-md-3 col-sm-12">
                            <label class="form-label">
                                Nombres
                            </label>
                            <telerik:RadTextBox ID="txtNomProp"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <label class="form-label">
                                Apellidos
                            </label>
                            <telerik:RadTextBox ID="txtApeProp"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Tipo de Documento
                            </label>
                            <telerik:RadComboBox ID="rcbTipDocProp"
                                runat="server"
                                Skin="Bootstrap"
                                Width="100%" 
                                AutoPostBack="true" 
                                OnSelectedIndexChanged="rcbTipDocProp_SelectedIndexChanged" />
                        </div>
                        <div ID="lblOtroTipDocProp" runat="server" class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Otro
                            </label>
                            <telerik:RadTextBox ID="txtOtroTipDocProp"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">
                                Número de documento
                            </label>
                            <telerik:RadTextBox ID="txtNumDocProp"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                        </div>
                    </div>
                    <br />
                     <div class="row">
                         <div class="col-md-2 col-sm-12"></div>
                         <div class="col-md-2 col-sm-12">
                            <label class="form-label">El animal reside en Bogotá?</label>
                            <telerik:RadCheckBox
                                ID="chkReside"
                                runat="server"
                                Text="Si"
                                AutoPostBack="true"
                                OnCheckedChanged="chkReside_CheckedChanged" />

                         </div>
                         <div class="col-md-3 col-sm-12">
                            <label class="form-label">
                                Municipio
                            </label>
                            <telerik:RadTextBox ID="txtMunicipio"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                         </div>
                         <div class="col-md-3 col-sm-12">
                            <label class="form-label">
                                Dirección (Ubicación)
                            </label>
                            <telerik:RadTextBox ID="txtDirMunicipio"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap" />
                         </div>
                         <div class="col-md-2 col-sm-12"></div>
                     </div>
                    <br />

                    <div class="row">
                        <div class="col-md-4 col-sm-12"></div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">Dirección</label>
                            <telerik:RadCheckBox
                                ID="chkAreaRuralInicio"
                                runat="server"
                                Text="Área rural"
                                AutoPostBack="true"
                                OnCheckedChanged="chkAreaRuralInicio_CheckedChanged" />
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <a id="aIngresarDireccionInicio"
                               runat="server"
                               onclick="IngresarDireccionInicio()"
                               class="Label">
                                Clic aquí para Ingresar la dirección
                            </a>
                            <telerik:RadTextBox
                                ID="txtDireccionInicio"
                                runat="server"
                                Skin="Bootstrap"
                                Width="100%"
                                AutoPostBack="true"
                                EmptyMessage="Dirección comercial..."
                                Style="text-transform: uppercase;" 
                                OnTextChanged="txtDireccion_TextChanged"/>
                        </div>
                        <div class="col-md-3 col-sm-12"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-1 col-sm-12"></div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">Localidad</label>
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <telerik:RadComboBox
                                ID="rcbLocalidad"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap"
                                DataValueField="IdTblLocalidades" 
                                DataTextField="NombreLocalidad" 
                                AutoPostBack="true" 
                                OnSelectedIndexChanged="rcbLocalidad_SelectedIndexChanged"
                                OnClientDropDownOpening="bloquearCombo" />
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">UPZ</label>
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <telerik:RadComboBox
                                ID="rcbUpz"
                                runat="server"
                                Skin="Bootstrap"
                                Width="100%"
                                AutoPostBack="true" 
                                OnClientDropDownOpening="bloquearCombo" />
                        </div>
                        <div class="col-md-1 col-sm-12"></div>
                    </div>
                     <div class="row">
                         <div class="col-md-1 col-sm-12"></div>
                         <div class="col-md-2 col-sm-12">
                             <label class="form-label">Barrio estandarizado:</label>
                         </div>
                         <div class="col-md-3 col-sm-12">
                             <telerik:RadComboBox
                                 ID="rcbBarrio"
                                 runat="server"
                                 Skin="Bootstrap"
                                 Width="100%"
                                 MarkFirstMatch="true"
                                 Text="Listado sin cargar..."
                                 ToolTip="El listado de barrios se carga en función de la UPZ seleccionada."
                                 LoadingMessage="Buscando..."
                                 DataTextField="NombreBarrio"
                                 DataValueField="IdTblBarrios"
                                 Value="0"
                                 OnClientDropDownOpening="bloquearCombo" />
                         </div>
                         <div class="col-md-2 col-sm-12">
                             <label class="form-label">Otro barrio:</label>
                         </div>
                         <div class="col-md-3 col-sm-12">
                             <telerik:RadTextBox
                                 ID="txtBarrioDigitado"
                                 runat="server"
                                 Skin="Bootstrap"
                                 Width="100%"
                                 MaxLength="70"
                                 Enabled="false"
                                 ToolTip="Ingrese nombre del barrio estandarizado.">
                             </telerik:RadTextBox>
                         </div>
                         <div class="col-md-1 col-sm-12"></div>
                     </div>
                     <div class="row">
                         <div class="col-md-1 col-sm-12"></div>
                         <div class="col-md-2 col-sm-12">
                             <label class="form-label">Teléfono:</label>
                         </div>
                         <div class="col-md-3 col-sm-12">
                             <telerik:RadTextBox
                                 ID="txtNumTel"
                                 runat="server"
                                 Skin="Bootstrap"
                                 Width="100%"
                                 AutoPostBack="true"
                                 OnTextChanged="txtNumTel_TextChanged" />
                         </div>
                         <div class="col-md-6 col-sm-12"></div>
                     </div>
                    <br />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-subtitle">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 text-center action-bar">
                            <asp:LinkButton ID="btnInsertar" runat="server"
                                CssClass="btn btn-success btn-sm btn-icon-img btn-icon-vertical">
                                <img src="../Imagenes/new_icon/insert.png" alt="Insertar" />
                                <span>Insertar</span>
                            </asp:LinkButton>
                            <asp:LinkButton ID="btnActualizar" runat="server"
                                CssClass="btn btn-primary btn-sm btn-icon-img btn-icon-vertical">
                                <img src="../Imagenes/new_icon/update.png" alt="Actualizar" />
                                <span>Actualizar</span>
                            </asp:LinkButton>
                            <button type="button"
                                class="btn btn-danger btn-sm btn-icon-img btn-icon-vertical"
                                onclick="window.close();">
                                <img src="../Imagenes/new_icon/close_form.png" alt="Cerrar formulario" />
                                <span>Cerrar</span>
                            </button>
                        </div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-subtitle">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <telerik:RadAjaxManager ID="RadAjaxManager1"
            runat="server"
            DefaultLoadingPanelID="AjaxLoadingPanel1"
            EnableOutsideScripts="true" >
            <AjaxSettings>
               <telerik:AjaxSetting AjaxControlID="rcbRaza">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="lbltxtOtroRaza" />
                        <telerik:AjaxUpdatedControl ControlID="txtOtroRaza" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
               <telerik:AjaxSetting AjaxControlID="rcbTipDocProp">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="txtNumDocProp" />
                        <telerik:AjaxUpdatedControl ControlID="lblOtroTipDocProp" />
                        <telerik:AjaxUpdatedControl ControlID="txtOtroTipDocProp" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="rcbTipDocProp">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="PanelContenedorInputs" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="chkAreaRuralInicio">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="txtDireccionInicio" />
                        <telerik:AjaxUpdatedControl ControlID="rcbLocalidad" />
                        <telerik:AjaxUpdatedControl ControlID="rcbUpz" />
                        <telerik:AjaxUpdatedControl ControlID="rcbBarrio" />
                        <telerik:AjaxUpdatedControl ControlID="aIngresarDireccionInicio" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="txtDireccionInicio">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rcbLocalidad" />
                        <telerik:AjaxUpdatedControl ControlID="rcbUpz" />
                        <telerik:AjaxUpdatedControl ControlID="rcbBarrio" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="rcbLocalidad">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rcbUpz" />
                        <telerik:AjaxUpdatedControl ControlID="rcbBarrio" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1"
            runat="server"
            Width="75px"
            Height="75px"
            Transparency="30">
            <asp:Image ID="Image1" runat="server"
                ImageUrl="~/Imagenes/Ajax/Loading.gif"
                AlternateText="Cargando..." />
        </telerik:RadAjaxLoadingPanel>
        <asp:HiddenField ID="hddIdEntidad" runat="server" Value="0" />
        <asp:HiddenField ID="hfIdRegistro" runat="server" />
        <asp:HiddenField ID="hdnCarnet" runat="server" />
    </form>
</body>
</html>
