<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/masterPage/masterPage.master" AutoEventWireup="true" CodeFile="eventsList.aspx.cs" Inherits="Admin_contents_events_eventsList" %>

<asp:Content ID="cntEvents" ContentPlaceHolderID="cphMasterPage" Runat="Server">
     <!-- Right side column. Contains the navbar and content of the page -->
    <aside class="right-side">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>Elenco Appuntamenti                       
                <small>advanced tables</small>
            </h1>
            <ol class="breadcrumb">
                <li>
                    <asp:HyperLink ID="hlHome" runat="server" NavigateUrl="~/Admin/default.aspx"><i class="fa fa-dashboard"></i>Home</asp:HyperLink>
                </li>
                <li>
                    <asp:HyperLink ID="hlUsersList" runat="server" NavigateUrl="~/Admin/articles/articlesList.aspx">Users</asp:HyperLink>
                </li>
                <li class="active">Articles List</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-xs-12">

                    <div class="box">

                        <div class="box-header">
                            <h3 class="box-title">Elenco Appuntamenti</h3>
                        </div>
                        <!-- /.box-header -->

                        <div class="box-body">
                            <div class="btn-group">
                                <asp:HyperLink ID="lbtnAdd" runat="server" CssClass="btn btn btn-primary">     
                                <i class="fa fa-plus"></i> New
                                </asp:HyperLink>
                                <asp:LinkButton ID="lbtnDelete" runat="server" CssClass="btn btn btn-primary"><i class="fa fa-trash-o"></i> Delete</asp:LinkButton>

                            </div>
                        </div>

                        <div class="box-body table-responsive">
                            <asp:Repeater ID="rptEventsList" runat="server" OnItemDataBound="rptEventsList_ItemDataBound">
                                <HeaderTemplate>
                                    <table id="example" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>Id</th>
                                                <th>Titolo</th>
                                                <th>Luogo</th>
                                                <th>Data</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                </HeaderTemplate>
                                <ItemTemplate>
                                    <tr>
                                        <td>
                                            <asp:Literal ID="ltId" runat="server"></asp:Literal></td>
                                        <td>
                                            <asp:HyperLink ID="hlElemento" runat="server" NavigateUrl="#">
                                                <asp:Literal ID="ltTitolo" runat="server"></asp:Literal>
                                            </asp:HyperLink></td>
                                        <td>
                                            <asp:Literal ID="ltLuogo" runat="server"></asp:Literal></td>
                                        <td>
                                            <asp:Literal ID="ltData" runat="server"></asp:Literal></td>
                                        <td>
                                            <span id="sStatus" runat="server">
                                                <asp:Literal ID="ltStatus" runat="server"></asp:Literal>
                                            </span>
                                        </td>
                                    </tr>
                                </ItemTemplate>

                                <FooterTemplate>
                                    </tbody>                                           
                                    </table>
                                </FooterTemplate>

                            </asp:Repeater>

                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>
            </div>
        </section>
        <!-- /.content -->
    </aside>
    <!-- /.right-side -->

    <!-- DATA TABES SCRIPT -->
    <script src="/Admin/js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
    <script src="/Admin/js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>

    <!-- page script -->
    <script type="text/javascript">
        $(function () {
            $('#<%= lbtnAdd.ClientID %>').click(function (e) {
                $('#example').dataTable({
                    "bPaginate": true,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": true,
                    "bAutoWidth": false
                });
            });
        });
    </script>
</asp:Content>