<%@ Control Language="C#" AutoEventWireup="true" Inherits="RadwareSite.Asp.WebParts.RadwareProductResourcesWebPart" CodeFile="RadwareProductResourcesWebPart.ascx.cs" %>
<%@ Import Namespace="CMS.Base" %>
<%@ Import Namespace="RadwareSite.ListPageStructures" %>
<%@ Import Namespace="RadwareSite.PageTypes" %>
<%@ Register TagPrefix="radware" Namespace="RadwareSite.Controls" Assembly="App_Code" %>

<a id\"widget"></a>
<div class="tab-content">
  <div class="tab-pane active">
    <div class="tabbable tabs-left p-t-2">
      <asp:ListView ID="CategoryRepeater" runat="server">
        <LayoutTemplate>
          <ul class="nav nav-tabs rdw-documents" style="margin-right: 20px" id="myTab2">
            <asp:PlaceHolder ID="itemPlaceholder" runat="server"/>
          </ul>
        </LayoutTemplate>
        <ItemTemplate>
          <li class='<%#"rdw-documents" + (Request["type"] == Eval("CategoryDisplayName").ToString() ? " active" : "") %>' data-value='<%# Eval("CategoryName") %>'>
            <a href='<%#"?type=" + Eval("CategoryDisplayName") %>#widget' id="resources" style="cursor: pointer;">
            <i class="icon-chevron-sign-right"></i>
            <%# Eval("CategoryDisplayName") %>
            </a>
          </li>
        </ItemTemplate>
      </asp:ListView>
      <asp:UpdatePanel runat="server" ID="DocumentFinderUpdatePanel" OnUnload="UpdatePanel_Unload">
        <ContentTemplate>
          <div id="myTab2Content">
            <div class="rrt-page">
              <cms:UniView ID="ContentRepeater" runat="server">
                <ItemTemplate>
                  <div class="row">
                    <asp:Repeater ID="TableRowRepeater" DataSource="<%#Container.DataItem as PageTableRow<DocumentFinderTableData>? %>" runat="server">
                      <ItemTemplate>
                        <div class="column-6">
                              <span class="documents-document-title">
                                  <img src="~/RadwareNext/images/icons/icon-pdf.svg" class="float-left">
                                  <a target="blank" href='<%#Eval("Link") %>'><%#Eval("Title") %></a>
                              </span>
                              <br/>
                              <p>
                                <small>
                                <%# Eval("Summary") %>
                                </small>
                              </p>
                              <div class="social-media">
                                <div class="social-media__left">
                                  <img src="/RadwareNext/images/icons/icon-date.svg" class="social-media__icon">
                                  <span>
                                    <%# Eval("Date").ToDateTime(DateTime.Now, "en-US").ToString("M/d/yyyy") %>
                                  </span>
                                </div>
                                <div class="social-media__right">
                                  <a href="<%# Eval("TwitterLink") %>" target="_blank">
                                    <img src="~/RadwareNext/images/icons/icon-twitter.svg" class="social-media__icon" alt="Twitter">
                                  </a>
                                  <a href="<%#Eval("LinkedInLink") %>" target="_blank">
                                    <img src="~/RadwareNext/images/icons/icon-linkedin.svg" class="social-media__icon" alt="LinkedIn">
                                  </a>
                                </div>
                              </div>
                        </div>
                      </ItemTemplate>
                    </asp:Repeater>
                  </div>
                </ItemTemplate>
              </cms:UniView>
              <cms:UniView ID="ContentVideoRepeater" runat="server">
                <ItemTemplate>
                  <div class="row">
                    <asp:Repeater ID="TableRowRepeater" DataSource="<%# Container.DataItem as PageTableRow<RadwareDocumentVideoShort>? %>" runat="server">
                      <ItemTemplate>
                        <!-- Content -->
                        <div class="column-6">
                          <a href="#<%# Eval("Id") %>-video-modal" data-toggle="modal">
                          <img alt="<%# Eval("Title") %>" class="figure" src="data:image/png;base64, <%# Eval("ImageBase64") %>">
                          </a>
                          <div class="caption float-left">
                            <div class="space10"></div>
                            <small>
                            <%# Eval("Description") %>
                            </small>
                            <hr/>
                          </div>
                        </div>
                        <%--Modal--%>
                        <div id="<%# Eval("Id") %>-video-modal" class="modal fade">
                            <div class="modal__dialog" role=document">
                                <div class="modal__content">
                                  <div class="modal__header">
                                    <h5 class="modal__title" id="modal-label">
                                        <%# Eval("ModalTitle") %>
                                    </h5>
                                    <button class="modal__close" data-dismiss="modal" type="button">×</button>
                                  </div>
                                  <div class="modal__body">
                                    <iframe src="<%# Eval("VideoURL") %>" frameborder="0" height="281" width="500"></iframe>
                                    <div class="space10"></div>
                                    <small><%# Eval("ModalDescription") %></small>
                                  </div>
                                </div>
                            </div>
                        </div>
                      </ItemTemplate>
                    </asp:Repeater>
                  </div>
                </ItemTemplate>
              </cms:UniView>
            </div>
          </div>
          <!-- PDF Paging -->

            <ul id="paging-container" class="pagination pagination--right">
              <radware:CustomUniPager ID="UniPager1" PagerMode="PostBack" PageControl="ContentRepeater" PageSize="3" GroupSize="10" runat="server"/>
            </ul>

          <!-- End Paging -->
          <!-- Video Paging -->

            <ul id="paging-container" class="pagination pagination--right">
              <radware:CustomUniPager ID="CustomUniPager1" PagerMode="PostBack" PageControl="ContentVideoRepeater" PageSize="3" GroupSize="10" runat="server"/>
            </ul>

          <!-- End Paging -->
        </ContentTemplate>
      </asp:UpdatePanel>
    </div>
  </div>
</div>