<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/AdminTemplate.Master" AutoEventWireup="true" CodeBehind="Clases.aspx.cs" Inherits="QuintoCaminoV2.Admin.Clases" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="page-wrapper">
        
       <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">
                            Curso <small> - Detalle de curso</small>
                        </h1>
                        <ol class="breadcrumb">
                            <li class="active">
                                <i class="fa fa-dashboard"></i> Administrar
                            </li>
                        </ol>
                    </div>
                </div>
        </div>
         <div class="panel panel-success" style="width:600px;">
             <div class="panel-body">
    
             <div class="row">
                       <div class="col-lg-12">
                        <label for="InputName">Tituo del curso</label><asp:HiddenField runat="server" ID="HideidCurso"  />
                            <div class="input-group">
                                <input type="text" class="form-control" runat="server"  name="txtTitulo"  id="txtModTitulo" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                      <div class="col-sm-9">
                        <label for="InputName">Descripción</label>
                            <div class="input-group">
                                <input type="text"  class="form-control" style="width:500px;"  runat="server" name="txtDesCripcion"  id="txtModDesc" />
                            </div>
                        </div>
                    </div>                
                     <div class="row">                  
                         <div class="col-sm-9">
                             <label for="InputName">Costo</label>  
                              <div class="input-group">                    
                                <input type="text"   class="form-control"  name="txtCosto"  runat="server" id="txtModCosto" />
                            </div>
                          </div>                  
                    </div>

                 <div class="row">                  
                         <div class="col-sm-9">
                             <label for="InputName">Activo</label>  
                              <div class="input-group">                    
                                  <asp:CheckBox ID="chkCursoActivo" runat="server" />
                            </div>
                          </div>                  
                    </div>
                </div>
            </div>

                <br />
                 <div class="row">
                  <div class="col-lg-12">
                    <div class="panel panel-info">
                            <div class="panel-heading"><h4>Clases ligadas al curso</h4>
                            </div>
            
                            <div class="panel-body">
                                <asp:GridView ID="grdClases"  OnRowDeleting="grdClases_RowDeleting" OnRowDataBound="grdClases_RowDataBound" AutoGenerateColumns="false" CssClass="table table-bordered table-hover" runat="server">
                                    <Columns>
                                       <asp:BoundField DataField="intClaseID" />
                                       <asp:BoundField DataField="vchTituloClase" HeaderText="Clase" />
                                       <asp:BoundField DataField="bitActivo" HeaderText="Activo" />
                                       <asp:BoundField DataField="vchURLClase" HeaderText="Video" />
                                      <asp:ButtonField CommandName="delete" ControlStyle-CssClass="btn btn-info" ButtonType="Button" Text="Borrar"  >              
                                        </asp:ButtonField>
                                   </Columns>
                                </asp:GridView>
                                <a class="btn btn-primary btn-lg" id="btnAgregaClase"  data-toggle="modal" href="#modalNewClase">+ Agregar Clase</a>
                             </div>
                        </div>
                </div>

              </div>

    </div>

      
    <div id="modalNewClase" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
          <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 CLASE</h4>
              </div>
              <div class="modal-body">


                <div class="row">
                   <div class="col-lg-12">
                    <label for="InputName">Tituo de la clase</label>
                        <div class="input-group">
                            <input type="text" class="form-control"  name="txtTitClase"  id="txtTitClase" />
                        </div>
                    </div>
                </div>
                <div class="row">
                  <div class="col-sm-9">
                    <label for="InputName">Descripción</label>
                        <div class="input-group">
                            <input type="text"  class="form-control" style="width:500px;"  name="txtDescClase"  id="txtDescClase" />
                        </div>
                    </div>
                </div>                
                 <div class="row">                  
                     <div class="col-sm-9">
                         <label for="InputName"></label>  
                          <div class="input-group">                    
                             <input type="button" id="open_btn" class="btn btn-primary" value="Cargar video"/>                          
                        </div>
                           <br />          
                         <label id="lblVideo" class="form-control" ></label>
                    
                      </div>                  
                </div>



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


     <div id="modalUpload" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/upload.gif" />
       Upload...
    </div>
  </div>
</div>
</asp:Content>
