<?php echo csrf_field(); ?>
<div class='row'>
  <div class="col-md-12 col-sm-12  ">
    <div class="x_panel">
      <!--<div class="x_title">
        <h2>subtitulo</h2>
        <ul class="nav navbar-right panel_toolbox">
          <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a class="dropdown-item" href="#">Settings 1</a>
                <a class="dropdown-item" href="#">Settings 2</a>
              </div>
          </li>
          <li><a class="close-link"><i class="fa fa-close"></i></a>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>-->
      <div class="x_content">
        
        <form id='form-nuevo'>

          <div class="row form-group">
            <div class="col-lg-6 col-md-6 col-sm-12">
              
              <div class="text-center"><h2>Aplicación del Examen</h2></div>
              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='periodo'>Periodo:</label></div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <select class="form-control form-control-sm" id="periodo" name="periodo" required>
                    <option value>.:Seleccione:.</option>
                    @foreach ($periodos as $p)
                      <option value='{{ $p->id }}'>{{ $p->periodo }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='fecha'>Fecha de aplicación:</label></div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <input type="date" class="form-control form-control-sm" required="required" id="fecha" name="fecha" required="required" min="{{ Carbon\Carbon::now()->format('Y-m-d') }}" />
                </div>
              </div>

              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='inicio'>Hora de Inicio:</label></div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <input type="time" class="form-control form-control-sm" required="required" id='inicio' name="inicio" required="required" />
                </div>
              </div>

              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='cierre'>Hora de Cierre:</label></div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <input type="time" class="form-control form-control-sm" required="required" id='cierre' name="cierre" required="required" />
                </div>
              </div>

              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='duracion'>Duración:</label></div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <div class="input-group">
                    <input type="number" class="form-control form-control-sm" placeholder="" id="duracion" name="duracion" required>
                    <span class="input-group-addon" id="">minutos</span>
                  </div>
                </div>
              </div>

            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 ">
              
              <div class="text-center">
                <div class="row">
                  <div class="col-lg-11 col-md-11 col-sm-11">
                    <h2>Preguntas del examen</h2>
                  </div>  
                  <div class="col-lg-1 col-md-1 col-sm-1">
                    <a class="btn btn-outline-info btn-sm float-right" title="Descargar ejemplo" href="https://poa.zitacuaro.tecnm.mx/docs/ejemplos/examen_ingles.xlsx"><i class="fa fa-cloud-download"></i></a>    
                  </div>  
                </div>
              </div>

              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder">
                  <label class="pt-1" for='archivo'>Subir Examen: <br><small>Formato CSV</small></label>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <input type="file" class="form-control-sm" placeholder="" id="archivo" name="archivo" accept=".csv">
                  <div class="text-center mt-1"><label>Dejar vacio para cargar el examen anterior.</label></div>
                </div>
              </div>

              <div class="row form-group">
                <div class="col-lg-4 col-md-3 col-sm-12 text-md-right text-sm-left font-weight-bolder">
                  <label class="pt-1" for='audios'>Subir Audios: <br><small>Formato MP3</small></label>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-12">
                  <input type="file" class="form-control-sm" placeholder="" id="audios" name="audios" accept=".mp3" multiple>
                </div>
              </div>
              	
            </div>
            <div class="text-center w-100"><label class="border-bottom mb-0 w-25"></label></div>
            <div class="col-lg-12 col-md-12 col-sm-12 ">

              <div class="text-center"><h2>Periodo para enviar comprobantes de pago</h2></div>

              <div class="row form-group">
                <div class="col-lg-2 col-md-2 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='inicio_financieros'>Inicio:</label></div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                  <input type="datetime-local" class="form-control form-control-sm" required="required" id="inicio_financieros" name="inicio_financieros" required="required" min="{{ Carbon\Carbon::now()->format('Y-m-d\TH:i') }}" />
                </div>
              
                <div class="col-lg-2 col-md-2 col-sm-12 text-md-right text-sm-left font-weight-bolder"><label class="pt-1" for='fin_financieros'>Termino:</label></div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                  <input type="datetime-local" class="form-control form-control-sm" required="required" id="fin_financieros" name="fin_financieros" required="required" min="{{ Carbon\Carbon::now()->format('Y-m-d\TH:i') }}" />
                </div>
              </div>
                
            </div>
          </div>

          <div class="row mt-5">
            <div class="col-md-3 col-sm-12"></div>
            <div class="col-md-6 col-sm-12">
              <div class="row">
                <div class="col">
                  <button type="button" onclick="javascript:ngl_lib_validar_xmn(this.form, 'ngl_lib_add_xmn');" class="btn btn-success btn-block"><i class="fa fa-save"></i> Guardar</button>
                </div>
                <div class="col">
                  <button type="button" class="btn btn-warning btn-block" onclick="javascript:ngl_lib_listado_xmn();" style="color: #fff;"><i class="fa fa-times"></i> Cancelar</button>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-12"></div>
          </div>

        </form>
        
      </div>
    </div>
  </div>
</div>


