@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt'
                            style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Admin Aula</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/clase') }}">Clases Online</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <div class="card-header d-flex justify-content-between align-items-center">
              <h3>Modifica Registro de la Clase</h3>
            </div>
            <div class="card-body">
              <form class="form-horizontal" method="post" action="#" enctype='multipart/form-data'>
                <input type="hidden" name="codecla" value="123">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="email">Categoria:</label>
                        <select name="cateclase" class="form-control" required>
                          <option value="" selected>..:: Seleccione ::..</option>
                          <option value="1" selected>Matemáticas</option>
                          <option value="2">Ciencias</option>
                        </select>
                      </div>
                    </div>
          
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="email">Ponente:</label>
                        <select name="codeprofe" class="form-control" required>
                          <option value="" selected>..:: Seleccione ::..</option>
                          <option value="1" selected>Profesor Juan Pérez</option>
                          <option value="2">Profesor María López</option>
                        </select>
                      </div>
                    </div>
          
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="email">Nombre Clase:</label>
                        <input type="text" class="form-control" maxlength="255" name="nomclase" placeholder="Ingrese Nombre Clase" value="Clase de Álgebra" required autofocus>
                      </div>
                    </div>
          
                    <div class="row">
                      <div class="col-sm-6">
                        <div class="form-group">
                          <div class="col-lg-12">
                            <label class="control-label" for="email">Fecha Inicio:</label>
                            <div class="input-group">
                              <input id="msg" type="date" step="any" class="form-control" name="fechaini" value="2024-08-14" placeholder="00/00/0000" required>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-sm-6">
                        <div class="form-group">
                          <div class="col-lg-12">
                            <label class="control-label" for="email">Hora Inicio:</label>
                            <div class="input-group">
                              <input id="msg" type="time" class="form-control" name="horaini" value="10:00" placeholder="00:00">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
          
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="pwd">Adjuntar Archivo</label>
                        <small>Formatos Permitidos:PDF, WORD, EXCEL, PPT</small>
                        <input id="imagen" name="imagen" type="file" class="form-control" />
                        <input type="hidden" name="filea" value="archivo_actual.pdf">
                      </div>
                    </div>
          
                    <div class="border border-success">
                      <div class="form-group">
                        <div class="col-lg-12">
                          <label class="control-label" for="pwd">Link Zoom Clase</label>
                          <small>
                            <font color="#D90205"> Campo opcional </font>
                          </small>
                          <input name="linkzoom" type="text" class="form-control" value="https://zoom.us/j/123456789" />
                        </div>
                      </div>
                    </div>
          
                  </div>
                </div>
          
                <div class="row">
                  <div class="col-lg-12">
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="pwd">Descripción de la Clase:</label>
                        <textarea id="editor" name="editorclase" rows="5" class="form-control" placeholder="Ingrese descripcion de la clase" required>Esta clase cubre los conceptos básicos de álgebra.</textarea>
                      </div>
                    </div>
          
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="pwd">Video VIMEO Intro:</label>
                        <small>
                          <font color="#D90205"> Campo opcional </font>
                        </small>
                        <textarea name="videointro" class="form-control" rows="3">https://vimeo.com/81760478</textarea>
                        <strong style="color: #D90205;font-size: 13px;"> Codigo Embed</strong>
                      </div>
                    </div>
          
                    <div class="form-group">
                      <div class="col-lg-12">
                        <label class="control-label" for="email">Descripción del video:</label>
                        <textarea id="detavideo" name="detavideo" class="form-control" placeholder="Ingrese descripcion del video">Este video muestra una introducción al álgebra.</textarea>
                      </div>
                    </div>
          
                  </div>
                </div>
          
                <div class="row">
                  <div class="col-lg-12">
                    <div class="form-group">
                      <div class="col-lg-4">
                        <label class="control-label" for="email">Sala:</label>
                        <select name="esala" class="form-control">
                          <option value="Off" selected>Apagado</option>
                          <option value="On">Encendido</option>
                        </select>
                      </div>
                    </div>
                  </div>
                </div>
          
                <div class="form-group">
                  <div class="col-sm-offset-5 col-sm-12">
                    <button type="submit" class="btn btn-success" name="guardar">Guardar</button>
                    <a href="{{url('/admin/clase')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                  </div>
                </div>
              </form>
            </div>
          </div>
          


    </main>
@endsection