@extends('layouts.principal')
@section('contenido')

<div class="row">
  <div class="col-md">
    <div class="alert alert-warning" role="alert">
      <b><i class="fas fa-book-reader"></i> CREADOR DE EXÁMENES </b>
    </div>

  </div>
</div>


<div class="row">
  <div class="col-md">
     <div class="card">
       <div class="card-body">

         <form  id="formInsertExamen">

        <div class="row">
          <div class="col-md">
               <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Seleccione Area</label>
                <select class="form-control" id="areaSelected"></select>
              </div>
          </div>
        </div>


        <div class="row">
          <div class="col-md">
               <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Seleccione Puesto</label>
                <select class="form-control" id="puestoSelected">
                  <option value="1">GERENCIA GENERAL</option>
                  <option value="3">JEFE AREA</option>
                  <option value="4">ASISTENTE</option>
                  <option value="5">PRACTICANTE</option>
                </select>
              </div>
          </div>
        </div>


        <div class="row">

          <div class="col-md">
              <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Fecha Inicio</label>
                <input type="date" id="fechaIni" class="form-control" value="{{date('Y-m-d')}}">
              </div>
          </div>

        </div>

        <div class="row">
           <div class="col-md">
              <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Fecha Fin</label>
                <input type="date" id="fechaFin" class="form-control">
              </div>
          </div>
        </div>
        
        <div class="row">
          <div class="col-md">
              <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Descripción </label>
                <textarea name="textExamen" id="textExamen" cols="5" rows="2" class="form-control"></textarea>
              </div>
          </div>
        </div>

        <div class="row mt-2">
          <div class="col-md text-center " >
            <button class="btn btn-primary"><i class="fas fa-save"></i> Crear Exámen</button>
          </div>
        </div>

        
        </form>
         
         

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







@endsection