<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frmAdminPuntoVacunacion.aspx.vb" Inherits="Administrador_frmAdminPuntoVacunacion" %>
<%@ 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">
    <title>Puntos Fijos de Vacunación</title>

    <!-- Bootstrap -->
    <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 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>
    
    <script type="text/javascript">
        function refreshGrid(arg) {
            if (!arg) {
                var masterTable = $find("grdPuntoFijo").get_masterTableView();
                masterTable.rebind();
            }
            else {
                var masterTable = $find("grdPuntoFijo").get_masterTableView();
                masterTable.rebind();
                masterTable.page("Last");
            }
        }
    </script>

    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <telerik:RadWindowManager ID="RadWindowManager1"
            runat="server"
            Modal="true"
            Skin="Bootstrap">
            <Windows>
              <telerik:RadWindow
                    ID="UserListDialog"
                    runat="server"
                    Title="Editar Punto de Vacunación"
                    ReloadOnShow="true"
                    ShowContentDuringLoad="false"
                    Modal="true"
                    Behaviors="Close,Move,Resize"
                    Width="900px"
                    Height="600px" />
            </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 panel-default">

            <div class="panel-heading form-title text-center">
                REGISTRO DE PUNTOS FIJOS DE VACUNACIÓN
            </div>

            <div class="panel-body">

            <div class="row">
                <div class="col-lg-2"></div>
                    <div class="col-lg-8 col-md-12">
                        <div class="table-responsive">
                            <telerik:RadGrid ID="grdPuntoFijo" runat="server"
                                Skin="Bootstrap"
                                AutoGenerateColumns="False"
                                AllowPaging="True"
                                AllowFilteringByColumn="True"
                                AllowSorting="True"
                                EnableAJAX="True"
                                PageSize="10">
                            <GroupingSettings CaseSensitive="false" />
                            <AlternatingItemStyle BackColor="#D6DEEA" />
                            <ClientSettings>
                                <Selecting AllowRowSelect="True" />
                                <Scrolling AllowScroll="true"
                                           UseStaticHeaders="true"
                                           ScrollHeight="400" />
                            </ClientSettings>
                            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
                            <MasterTableView
                                DataKeyNames="IdTblPuntosFijosVacunacion"
                                CommandItemDisplay="Top"
                                NoMasterRecordsText="No se encontraron puntos de vacunación registrados"
                                PageSize="10">
                                <CommandItemTemplate>
                                            <asp:LinkButton ID="btnInsertar" runat="server" 
                                                CssClass="btn btn-ingresarform btn-sm d-flex align-items-center gap-1" 
                                                OnClientClick="ShowInsertForm(); return false;">
                                                <i class="bi bi-plus-circle"></i> Agregar Nuevo Punto de Vacunación
                                            </asp:LinkButton>
                                </CommandItemTemplate>
                                <Columns>
                                    <telerik:GridTemplateColumn HeaderText="Editar" AllowFiltering="false">
                                        <ItemTemplate>
                                                    <asp:LinkButton ID="BtnEdit" 
                                                        runat="server" 
                                                        CssClass="btn btn-outline-primary btn-sm"
                                                        CommandArgument='<%# Eval("IdTblPuntosFijosVacunacion")%>'
                                                        OnClientClick='<%# "return ShowEditForm(" & Eval("IdTblPuntosFijosVacunacion") & ");"%>'>                                                         
                                                        <i class="bi bi-pencil-square"></i>
                                                    </asp:LinkButton>
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Center" />
                                    </telerik:GridTemplateColumn>

                                    <telerik:GridBoundColumn DataField="IdTblPuntosFijosVacunacion"
                                        HeaderText="Id"
                                        ReadOnly="True"
                                        FilterControlWidth="50px"
                                        AutoPostBackOnFilter="true" />

                                    <telerik:GridBoundColumn DataField="NombrePuntoFijo"
                                        HeaderText="Punto Fijo"
                                        AutoPostBackOnFilter="true"
                                        CurrentFilterFunction="Contains" />

                                    <telerik:GridBoundColumn DataField="Direccion"
                                        HeaderText="Dirección"
                                        AutoPostBackOnFilter="true"
                                        CurrentFilterFunction="Contains" />

                                    <telerik:GridBoundColumn DataField="NombreLocalidad"
                                        HeaderText="Localidad"
                                        AutoPostBackOnFilter="true"
                                        CurrentFilterFunction="Contains" />

                                    <telerik:GridBoundColumn DataField="NombreUPZ"
                                        HeaderText="UPZ"
                                        AutoPostBackOnFilter="true"
                                        CurrentFilterFunction="Contains" />

                                    <telerik:GridBoundColumn DataField="NombreBarrio"
                                        HeaderText="Barrio"
                                        AutoPostBackOnFilter="true"
                                        CurrentFilterFunction="Contains" />

                                    <telerik:GridBoundColumn DataField="Activo"
                                        HeaderText="Activo"
                                        AutoPostBackOnFilter="true" />

                                            <telerik:GridTemplateColumn HeaderText="Visualizar" AllowFiltering="false">
                                                <ItemTemplate>
                                                    <asp:LinkButton 
                                                        ID="BtnView" 
                                                        runat="server" 
                                                        CssClass="btn btn-outline-info btn-sm"
                                                        CommandName="View">
                                                        <i class="bi bi-eye"></i>
                                                    </asp:LinkButton>
                                                </ItemTemplate>
                                                <ItemStyle HorizontalAlign="Center" />
                                            </telerik:GridTemplateColumn>

                                            <telerik:GridTemplateColumn HeaderText="Inactivar" AllowFiltering="false">
                                                <ItemTemplate>
                                                    <asp:LinkButton 
                                                        ID="BtnInactivar" 
                                                        runat="server" 
                                                        CssClass="btn btn-outline-warning btn-sm"
                                                        CommandName="Inactivar"
                                                        DataTextField="IdTblPuntosFijosVacunacion"
                                                        CommandArgument='<%# Eval("IdTblPuntosFijosVacunacion")%>'
                                                        OnClientClick="return confirm('¿Desea inactivar este registro?');">
                                                        <i class="bi bi-slash-circle"></i>
                                                    </asp:LinkButton>
                                                </ItemTemplate>
                                                <ItemStyle HorizontalAlign="Center" />
                                            </telerik:GridTemplateColumn>

                                </Columns>
                            </MasterTableView>

                            <StatusBarSettings LoadingText="Cargando..." ReadyText="Listo" />

                        </telerik:RadGrid>

                        </div>
                        </div>
                            <div class="col-lg-2"></div>
                        </div>
                            <div class="row">
                                <div class="col-xs-12 text-center action-bar">
                                    <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>
                        </div>
                    </div>
                </div>

        <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="grdPuntoFijo">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="grdPuntoFijo" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

    </form>
</body>
</html>