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

<%@ 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 type="text/javascript" src="<%= ResolveUrl("~/Js/frmRazaAnimales.js")%>"></script>
    <script type="text/javascript">
        function refreshGrid(arg) {
            if (!arg) {
                var masterTable = $find("grdRazas").get_masterTableView();
                masterTable.rebind();
            }
            else {
                var masterTable = $find("grdRazas").get_masterTableView();
                masterTable.rebind();
                masterTable.page("Last");
            }
        }
    </script>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadWindowManager ID="RadWindowManager2"
            runat="server"
            Modal="true"
            Skin="Bootstrap">
            <Windows>
              <telerik:RadWindow
                    ID="UserListDialog"
                    runat="server"
                    Title="Editar Razas de animales"
                    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" 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">
                    REPORTE DE RAZAS DE ANIMALES
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-2 col-md-1 d-none d-md-block"></div>
                        <div class="col-lg-8 col-md-10 col-sm-12">
                            <div class="table-responsive">
                                <telerik:RadGrid ID="grdRazas" runat="server"
                                    GridLines="None"
                                    Skin="Bootstrap"
                                    EnableViewState="true"
                                    ShowStatusBar="True"
                                    AutoGenerateColumns="False"
                                    AllowPaging="True"
                                    EnableAJAX="True"
                                    OnNeedDataSource="grdRazas_NeedDataSource"
                                    AllowFilteringByColumn="True"> 

                                    <GroupingSettings CaseSensitive="false" />

                                    <AlternatingItemStyle BackColor="#D6DEEA" />

                                    <ClientSettings>
                                        <Selecting AllowRowSelect="True" />
                                        <Scrolling AllowScroll="true" 
                                            UseStaticHeaders="true" 
                                            ScrollHeight="400" />
                                    </ClientSettings>
                                    
                                    <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
                                    
                                    <MasterTableView NoMasterRecordsText="No se han agregado Marcas de biológicos"
                                        CommandItemDisplay="Top"
                                        DataKeyNames="idTblOpciones"
                                        AllowFilteringByColumn="true"
                                        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 Reporte de Raza de Animal
                                            </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("idTblOpciones")%>'
                                                        OnClientClick='<%# "return ShowEditForm(" & Eval("idTblOpciones") & ");"%>'>                                                         
                                                        <i class="bi bi-pencil-square"></i>
                                                    </asp:LinkButton>
                                                </ItemTemplate>
                                                <ItemStyle HorizontalAlign="Center" />
                                            </telerik:GridTemplateColumn>

                                            <telerik:GridBoundColumn 
                                                DataField="idTblOpciones" 
                                                HeaderText="Id" 
                                                ReadOnly="True" 
                                                AllowFiltering="true" 
                                                FilterControlWidth="40px" 
                                                AutoPostBackOnFilter="true" 
                                                ShowFilterIcon="true" />

                                            <telerik:GridBoundColumn 
                                                DataField="NombreOpcion" 
                                                HeaderText="Raza" 
                                                AllowFiltering="true" 
                                                AutoPostBackOnFilter="true" 
                                                CurrentFilterFunction="Contains" 
                                                ShowFilterIcon="true" />

                                            <telerik:GridBoundColumn 
                                                DataField="TipoAnimal" 
                                                HeaderText="Especie" 
                                                AllowFiltering="true" 
                                                AutoPostBackOnFilter="true" 
                                                CurrentFilterFunction="Contains" />

<%--                                            <telerik:GridBoundColumn 
                                                DataField="LoteVacuna" 
                                                HeaderText="Lote de Vacuna" 
                                                AllowFiltering="true" 
                                                AutoPostBackOnFilter="true" 
                                                CurrentFilterFunction="Contains" />

                                            <telerik:GridBoundColumn 
                                                DataField="FechaVacuna" 
                                                HeaderText="Fecha de Vacunación" 
                                                AllowFiltering="true" 
                                                AutoPostBackOnFilter="true" 
                                                CurrentFilterFunction="Contains" 
                                                ShowFilterIcon="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="idTblOpciones"
                                                        CommandArgument='<%# Eval("idTblOpciones")%>'
                                                        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 col-md-1 d-none d-md-block"></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>
            <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1"
                EnableOutsideScripts="True">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="grdRazas">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="grdRazas" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
        </div>
    </form>
</body>
</html>
