@extends('cpanel.index')

@section('content')

<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Inicio</a></li>
        <li><a href="#">Curso</a></li>
        <li class="active">Nuevo Curso</li>
      </ol>
  </section>


  <!-- Main content -->
  <section class="content">
    <div class="row">
      <!-- left column -->
      <div class="col-md-12">
        <!-- general form elements -->
        <div class="box box-success">
          <div class="box-header with-border">
            <h3 class="box-title">Consulta de Seccion</h3>
          

            <div id="example2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
              <div class="row">
                <div class="col-sm-6"></div>
                <div class="col-sm-6"></div>
              </div>
              <div class="row">
                <div class="col-sm-12">
                <table id="example" class="display table table-bordered table-hover dataTabl" style="width:100%">
                <thead>
                  <tr role="row">
                      <th>Código</th>
                      <th>Nombre</th>
                      <th>Titulo</th>
                      <th>Subtitulo</th>
                      <th>Curso</th>
                      <th></th>
                  </tr>
              </thead>
              <tbody>
                         
              </tbody>

    </table>
          
          </div>
        </div>
      </div>

          <!-- /.box -->
    </div>
        <!--/.col (right) -->
  </div>
      <!-- /.row -->
    </section>


    <!-- /.content -->
</div>



@endsection
@push('scripts')
<script type="text/javascript">
  $(document).ready(function () {
      $('#example').DataTable();
    });
</script>
@endpush