<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frmPuntoVacunacion.aspx.vb" Inherits="Administrador_frmPuntoVacunacion" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>
<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" />
    <title>Punto Fijo de Vacunación</title>
</head>

<body>
    <script type="text/javascript" src="../ComponenteIVC/Scripts/Libs/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../ComponenteIVC/Scripts/Libs/jquery.BlockUI.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~/Js/frmPuntoVacunacion.js")%>"></script>

    <form id="frmPuntoVacunacion" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
                <telerik:RadWindowManager ID="RadWindowManager1"
                    runat="server"
                    Modal="true"
                    Skin="Bootstrap">
                    <Windows>
                        <telerik:RadWindow ID="IngresoDireccion" 
                            runat="server" 
                            Title="" 
                            Height="280px" 
                            Width="600px" 
                            EnableViewState="false" 
                            Left="150px" 
                            Top="30px" 
                            Modal="True" 
                            Skin="Bootstrap"
                            NavigateUrl="" 
                            Behaviors="Close" 
                            OnClientClose="IngresoDireccion_CallBack" />
                    </Windows>
                </telerik:RadWindowManager>
            <div class="gov-header">
                <div class="gov-header-left">
                    <img src="../images/logos/Imagen_Ambiente.png" />
                </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" />
                </div>
            </div>

        <div class="container-fluid form-container">
                <div class="panel-heading form-title text-center">
                    <i class="glyphicon glyphicon-tint"></i>
                    REGISTRO DE PUNTOS DE VACUNACION
                </div>
                <div class="panel-body">
                    <br />
                    <div class="row">
                        <div class="col-md-2"></div>

                        <div class="col-md-4 col-sm-12">
                            <label class="form-label">Subred</label>
                            <telerik:RadTextBox ID="txtESE"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap"
                                ReadOnly="True"
                                CssClass="form-control" />
                        </div>

                        <div class="col-md-4 col-sm-12">
                            <label class="form-label">Punto Fijo</label>
                            <telerik:RadTextBox ID="txtNombrePuntoFijo"
                                runat="server"
                                Width="100%"
                                Skin="Bootstrap"
                                CssClass="form-control" />
                        </div>

                        <div class="col-md-2"></div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-md-1 col-sm-12"></div>
                        <div class="col-md-2 col-sm-12">
                            <label class="form-label">Dirección de inicio</label>
                            <telerik:RadCheckBox
                                ID="chkAreaRural"
                                runat="server"
                                Text="Área rural"
                                AutoPostBack="true"
                                OnCheckedChanged="chkAreaRural_CheckedChanged" />
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <asp:LinkButton 
                                ID="btnIngresarDireccion" 
                                runat="server"
                                CssClass="btn btn-outline-primary w-100"
                                OnClientClick="return IngresarDireccion();">
                                <i class="bi bi-geo-alt-fill"></i> Ingresar Dirección
                            </asp:LinkButton>
                            <telerik:RadTextBox
                                ID="txtDireccion"
                                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>
                    <br />
                    <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>
                    <br />
                     <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>
                    <br />
                    <div class="row">
                        <div class="col-md-5"></div>
                        <div class="col-md-2 text-center">
                            <label class="form-label">¿Activo?</label><br />
                            <telerik:RadCheckBox ID="chkActivoPuntoFijo"
                                runat="server"
                                Skin="Bootstrap" />
                        </div>
                        <div class="col-md-5"></div>
                    </div>
                    <br />
                    <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>
            <telerik:RadAjaxManager ID="RadAjaxManager1"
                runat="server"
                DefaultLoadingPanelID="AjaxLoadingPanel1"
                EnableOutsideScripts="true">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="txtDireccion">
                        <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>
                    <telerik:AjaxSetting AjaxControlID="rcbUpz">
                        <UpdatedControls>
                            <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="hddFechaHoy" runat="server" />
    </form>
</body>
</html>