<%@ Page Title="" Language="C#" MasterPageFile="~/Template.Master" AutoEventWireup="true" CodeBehind="ClasesUser.aspx.cs" Inherits="QuintoCaminoV2.Users.ClasesUser" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <hgroup class="title">
        <h1>CURSO:</h1>
        
    </hgroup>
    <h4>CLASE DE ESTE MES</h4>
     <div id="page-wrapper">
         <div class="row">
             <div class="col-lg-3 col-md-6">

                 <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                       <i class="icon-camera-retro icon-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div class="huge"><asp:Label ID="lblTitulo" runat="server" Text=""></asp:Label></div>
                                        <%--<div>Cursos</div>--%>
                                    </div>
                                </div>
                            </div>
                            <a href="#" >
                                <div class="panel-footer">
                                    <span class="pull-left"><asp:Label ID="lblDescripCorta" runat="server" Text="Label"></asp:Label></span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                            <asp:Label ID="lblFecha" runat="server" Text="Label"></asp:Label>
                        </div>


                    </div>
         </div>


         <h4>CLASES ANTERIORES</h4>

          <asp:DataList ID="DataClases" runat="server" RepeatColumns="4" OnItemCommand="DataClases_ItemCommand">
                <ItemTemplate>
                    <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                       <i class="icon-camera-retro icon-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div class="huge"><asp:Label ID="ProductNameLabel" runat="server"  Text='<%# Eval("vchTituloClase") %>' ></asp:Label></div>
                                        <%--<div>Cursos</div>--%>
                                    </div>
                                </div>
                            </div>
                            <%--<a  href="#"  onclick="ModalVideo()" role="button"  runat="server" >--%>
                            <a  href='<%# "ShowVideo.aspx?vchURLClase="+ Eval("vchURLClase")%>'  role="button"  runat="server" >
                                <div class="panel-footer">
                                    <span class="pull-left"><asp:Label ID="Label1" runat="server"  Text='<%# Eval("vchDescClase") %>' ></asp:Label></span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                            <asp:Label ID="datFalta" runat="server" Text='<%# Eval("datFalta") %>'></asp:Label>
                        </div>



                </ItemTemplate> 
            </asp:DataList>   
      </div>

   
   <div id="modalSignUp2" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <video id="sampleMovie" runat="server" width="500" height="300" controls></video>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        
      </div>
    </div>
  </div>
</div>

</asp:Content>
