<%@ Page Title="" Language="C#" MasterPageFile="~/Template.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="QuintoCaminoV2.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row">
        <div class="col-sm-4 col-xs-6" style=" width:650px">

             <div class="panel panel-default" style="float:left;">
                  <div class="panel-body">
                   <iframe src="//www.youtube.com/embed/y824JxNDdSk" frameborder="0" allowfullscreen style="height: 270px; width: 600px"></iframe>
                  </div>       
              </div>
        </div>
        <div class="col-sm-4 col-xs-6" style=" width:300px">
            <div class="well" style="float:left; height:305px; ">
            <h2>
                <asp:Label ID="lblTitulo" runat="server" Text="Label"></asp:Label>

            </h2>                
                <p<asp:Label ID="lbldescripcion" runat="server" Text="Label"></asp:Label>></p>
                <p><asp:HyperLink ID="hplnkArt" runat="server">HyperLink</asp:HyperLink></p>                
            </div>
        </div>
    </div>
    
    <div class="row">
            <div class="col-sm-4 col-xs-6" style="width:290px">
            <h3>Ultimos post</h3>
            <div class="list-group">
              <a href="#" class="list-group-item" >
                <h4>aasdasd</h4>
                asdasdasdasd
              </a>
              <a href="#" class="list-group-item">Dapibus ac facilisis in
              </a>
              <a href="#" class="list-group-item">Morbi leo risus
              </a>
              <a href="#" class="list-group-item">Morbi leo risus
              </a>
              <a href="#" class="list-group-item">Morbi leo risus
              </a>
              <a href="#" class="list-group-item">Morbi leo risus
              </a>
            </div>

            <div class="caja-redes">
                   <p><a href="#" ><i class="icon-linkedin"></i><span>   Linkedin</span></a></p>
                   <p><a href="#" ><i class="icon-twitter"></i><span>   Twitter</span></a></p>
                   <p><a href="#" ><i class="icon-facebook"></i><span>   Facebook</span></a></p>
                   <p><a href="#"><i class="icon-google-plus"></i><span>   google+</span></a></p>
                </div>
         </div>
       

            <div class="col-sm-4 col-xs-6" style="width:350px">

            <div class="panel panel-primary" >
              <div class="panel-heading">
                <h3 class="panel-title">Proxima charla</h3>
              </div>
              <div class="panel-body">

                  <div class="alert-warning">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                       <i class="fa fa-cloud fa-5x "></i>
                                    </div>
                                    <div class="col-xs-9 text-center">
                                         <h3>
                                            <div><asp:Label ID="lblTitCharla" runat="server" Text=""></asp:Label></div>
                                            <small><div><asp:Label ID="lblDescCharla" runat="server" Text="Label"></asp:Label></div></small>
                                         </h3>
                                    </div>
                                </div>
                            </div>
                            <a  href="#" onclick="AbreModal();">
                                <div class="panel-footer">
                                    <span class="pull-left">Inscribirme</span><%--<asp:Label ID="lblDescCharla" 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>
                        </div>
                   
                        
                                         
                        <%--<a class="btn btn-primary btn-sm" href="http://go.microsoft.com/fwlink/?LinkId=245146">Ir a la charla </a>--%>
                     
              </div>
            </div>

            <div class="panel panel-primary" style="float:left; ">
              <div class="panel-heading">
                <h3 class="panel-title">Charlas anteriores</h3>
              </div>
              <div class="panel-body">
                  <asp:DataList ID="DataCharlas" runat="server" Width="290px">
                        <ItemTemplate>
                            <div class="alert-success">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                       <i class="fa fa-cloud fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-center">
                                        <h3>
                                            <div class="huge"><asp:Label ID="Label2" runat="server"  Text='<%# Eval("vchTitulo") %>' ></asp:Label></div>
                                            <small><div><asp:Label ID="Label1" runat="server"  Text='<%# Eval("vchDescripcionCorta") %>' ></asp:Label></div></small>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                            <a href="#" onclick="AbreModal();">
                                <div class="panel-footer">
                                    <span class="pull-left">Inscribirme</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                      <hr>
                            
                        </ItemTemplate> 
                    </asp:DataList>
                  <br />
                  <a href="Charlas/Charlas.aspx" class="btn btn-primary btn-sm">Click para ver todas las charlas.</a>
              </div>
        </div>

        </div>
      
        <div class="col-sm-4 col-xs-6" style="width:290px">
            <div class="panel panel-primary" style="width:290px">
              <div class="panel-heading">
                <h3 class="panel-title">Cursos</h3>
              </div>
              <div class="panel-body">
                <asp:DataList ID="DataCursos" runat="server" Width="253px" HorizontalAlign="Center">
                <ItemTemplate>  
                <div >  
                     <div class="alert-info">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                       <i class="fa fa-video-camera fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-center">
                                        <div class="huge"><h4><asp:Label ID="ProductNameLabel" runat="server"  Text='<%# Eval("vchTitulo") %>' ></asp:Label></h4></div>
                                        <div><asp:Label ID="Label1" runat="server"  Text='<%# Eval("vchDescripcionCorta") %>' ></asp:Label></div>
                                    </div>
                                </div>
                            </div>
                            <a href="Cursos/DetalleCursos.aspx?iCursoId=<%# Eval("intCursoId") %>" >
                                <div class="panel-footer">
                                    <span class="pull-left">Ir al curso</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                     <%-- <h2></h2>
                      <p class="text-muted"></p>
                      <asp:LinkButton ID="LinkButton2" CssClass="btn btn-primary btn-sm"  runat="server" CommandArgument ='<%# Eval("intCursoId") %>' OnClick="LinkButton2_Click" >Ir al curso </asp:LinkButton>--%>
                  
                   </div>  
                     <hr>                    
                </ItemTemplate>            
            </asp:DataList>  
              </div>
            </div>
        </div>


        
        
</div>


     <div id="modalSignUp" 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">&times;</button>
                <h4 class="modal-title">AGREGAR CURSO</h4>
              </div>
              <div class="modal-body">
                <div class="row">
                   <div class="col-lg-12">
                    <label for="InputName">Tituo del curso</label>
                        <div class="input-group">
                            <input type="text" class="form-control"  name="txtTitulo"  id="txtTitulo" />
                        </div>
                    </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                    <label for="InputName">Descripción</label>
                        <div class="input-group">
                            <input type="text"  class="form-control"  name="txtDesCripcion"  id="txtDesCripcion" />
                        </div>
                    </div>
                </div>                
                 <div class="row">
                  <div class="col-lg-12">
                    <label for="InputName">Costo</label>
                        <div class="input-group">
                            <input type="text"   class="form-control"  name="txtCosto"  id="txtCosto" />
                        </div>
                    </div>
                </div>

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" id="btnGuardaCurso" name="btnGuardaCurso" >Guardar</button>                
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                
              </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->


    
</asp:Content>
