@extends('layouts.admin')

@section('styles')
<link rel="stylesheet" href="{{asset('plugins/datatable/css/dataTables.bootstrap4.min.css')}}">
@endsection



@section('scripts')
<script src="{{asset('plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatable/js/dataTables.bootstrap4.min.js')}}"></script>

<script>
  $(document).ready(function() {
    $('#table_id').DataTable({
      "language": {
        'info': '_TOTAL_ REGISTROS',
        'search': 'BUSCAR',
        'paginate': {
          'next': 'SIGUIENTE',
          'previous': 'ATRAS'
        },
        'loadingRecords': 'CARGANDO',
        'emptyTable': 'NO EXISTEN DATOS',
        'zeroRecords': 'NO EXISTEN DATOS IGUALES'
      }
    });
  });
</script>
@endsection

@section('content')

<div class="container-fluid">
  <div class="row">
    <div class="col">
      <div class="card">
        <div class="card-body">
          <p>
            <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#contentId" aria-expanded="false" aria-controls="contentId">
              NUEVO REGISTRO
            </button>
          </p>
          <div class="collapse" id="contentId">
            <div class="row">
              <div class="col">
                <div class="card">
                  <div class="card-body">
                    <form action="{{route('pruebaps.store')}}" method="post">
                      @csrf
                      <div class="row">
                        <div class="col">
                          <div class="form-group">
                            <label for="">GRADO</label>
                            <select class="form-control" name="grado_id" id="">
                              @foreach ($grado as $g)
                              <option value="{{$g->id}}">{{$g->nombre}}, Seccion: {{$g->seccion}}</option>
                              @endforeach

                            </select>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-6">
                          <p> DATOS ESTUDIANTE</p>
                          <div class="form-group">
                            <label for="">NOMBRE: </label>
                            <input type="text" class="form-control" name="e_nombre">
                          </div>
                          <div class="form-group">
                            <label for="">CUI: </label>
                            <input type="text" class="form-control" name="e_cui">
                          </div>
                          <div class="form-group">
                            <label for="">EDAD: </label>
                            <input type="text" class="form-control" name="e_edad">
                          </div>
                          <div class="form-group">
                            <label for="">SEXO: </label>
                            <select class="form-control" name="e_sexo">
                              <option value="MASCULINO">MASCULINO</option>
                              <option value="FEMENINO">FEMENINO</option>
                            </select>
                          </div>

                        </div>
                        <div class="col-md-6">
                          <p>DATOS ENCARGADO</p>
                          <div class="form-group">
                            <label for="">NOMBRE: </label>
                            <input type="text" class="form-control" name="p_nombre">
                          </div>
                          <div class="form-group">
                            <label for="">CUI: </label>
                            <input type="text" class="form-control" name="p_cui">
                          </div>
                          <div class="form-group">
                            <label for="">TELEFONO: </label>
                            <input type="text" class="form-control" name="p_telefono">
                          </div>
                          <div class="form-group">
                            <label for="">OCUPACION: </label>
                            <input type="text" class="form-control" name="p_ocupacion">
                          </div>
                          <div class="form-group">
                            <label for="">DIRECCION: </label>
                            <input type="text" class="form-control" name="direccion">
                          </div>

                        </div>
                      </div>

                      <div class="row">
                        <div class="col">
                          <div class="form-group">
                            <label for="">COMENTARIO: </label>
                            <textarea class="form-control" name="comentario" rows="3"></textarea>
                          </div>
                        </div>
                      </div>

                      <button type="submit" class="btn btn-primary"><i class="fas fa-save    "></i> GUARDAR</button>

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


          <div class="table-responsive">
            <table class="table table-striped table-hover" id="table_id" data-page-length="15">
              <thead class="thead">
                <tr>
                  <th>GRADO</th>
                  <th>ESTUDIANTE</th>
                  <th>EDAD</th>
                  <th>CUI</th>
                  <th>SEXO</th>
                  <th>ENCARGADO</th>
                  <th>CUI</th>
                  <th>TELEFONO</th>
                  <th>OCUPACION</th>
                  <th>DIRECCION</th>
                  <th>COMENTARIO</th>
                  <th></th>
                </tr>
              </thead>
              <tbody>
                @foreach ($pruebas as $p)
                <tr>
                  <td>{{$p->grado->nombre}}, Seccion: {{$p->grado->seccion}}</td>
                  <td>{{$p->e_nombre}}</td>
                  <td>{{$p->e_edad}}</td>
                  <td>{{$p->e_cui}}</td>
                  <td>{{$p->e_sexo}}</td>
                  <td>{{$p->p_nombre}}</td>
                  <td>{{$p->p_cui}}</td>
                  <td>{{$p->p_telefono}}</td>
                  <td>{{$p->p_ocupacion}}</td>
                  <td>{{$p->direccion}}</td>
                  <td>{{$p->comentario}}</td>

                  <td>
                    <a href="{{route('estudiante.show', [1])}}" class="btn btn-primary btn-sm"><i class="fa fa-eye" aria-hidden="true"></i></a>


                    <form action="{{route('pruebaps.delete', $p)}}" method="post">
                      @csrf
                      @method('delete')
                      <button type='submit' class='btn btn-danger' onclick="return confirm('Esta Seguro de Eliminar?')"><i class='fa fa-trash' aria-hidden='true'></i></button>
                    </form>

                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>


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

@endsection