@extends('layouts.admin')

@section('content')
<div class="container-fluid">
   <div class="row">

      <div class="col-md-6">
         <a href="{{route('grados.allgrados')}}" target="_blank">
            <div class="card text-center">
               <img class="card-img-top" style="width: 30%; margin-left: auto; margin-right: auto;" src="{{asset('images/lista1.png')}}" alt="{{config('app.name')}}">
               <div class="card-body">
                  <h4 class="card-title">REPORTE DE GRADOS</h4>
                  <p class="card-text">RETORNA EL LISTADO DE TODOS LOS GRADOS REGISTRADOS</p>
               </div>
            </div>
         </a>
      </div>

      <div class="col-md-6">
         <div class="card text-center">
            <img class="card-img-top" style="width: 30%; margin-left: auto; margin-right: auto;" src="{{asset('images/lista2.png')}}" alt="{{config('app.name')}}">
            <div class="card-body">
               <h4 class="card-title">REPORTE ESTUDIANTES POR GRADO</h4>
               <p class="card-text">RETORNA EL LISTADO DE TODOS LOS ESTUDIANTES EN UN GRADO</p>
               <form action="{{route('grados.estudiantesDeGrados')}}" method="GET">
                  <div class="container">
                     <div class="row">
                        <div class="col">
                           <div class="form-group">
                              <label for="">SELECCIONAR GRADO</label>
                              <select name="grado_id" id="grado_id">
                                 @foreach ($grados as $grado)
                                 <option value="{{$grado->id}}" class="text-uppercase">{{$grado->nombre}} / Seccion: {{$grado->seccion}} / {{$grado->nivel}}</option>
                                 @endforeach
                              </select>
                           </div>

                           <div class="form-group">
                              <label for="">SELECCIONAR TIPO</label>
                              <select name="tipo" id="tipo_id" class="form-control">
                                 <option value="TODOS">TODOS</option>
                                 <option value="NUEVO ALUMNO">NUEVO ALUMNO</option>
                                 <option value="RE-INSCRITO">RE-INSCRITO</option>
                              </select>
                           </div>
                        </div>
                        <div class="col-md-3">
                           <button type="submit" class="btn btn-primary mt-4" id="buscar"><i class="fa fa-search" aria-hidden="true"></i></button>
                        </div>
                     </div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>

   <div class="row">

      <!-- <div class="col-md-6">
         <a href="{{route('grados.deudores')}}">
            <div class="card text-center">
               <img class="card-img-top" style="width: 30%; margin-left: auto; margin-right: auto;" src="{{asset('images/deudas.png')}}" alt="{{config('app.name')}}">
               <div class="card-body">
                  <h4 class="card-title">REPORTE DE DEUDORES</h4>
                  <p class="card-text">RETORNA EL LISTADO DE TODOS LOS ESTUDIENTES DEUDORES DE COLEGIATURA</p>
               </div>
            </div>
         </a>
      </div> -->


      


   </div>
</div>

@endsection

@section('scripts')
<script src="{{asset('plugins/slim-select/slimselect.min.js') }}"></script>
<script>
   setTimeout(function() {
      new SlimSelect({
         select: '#grado_id',
         placeholder: 'Select Permissions',
         deselectLabel: '<span>&times;</span>',
         hideSelectedOption: true,
      })
   }, 300);
   setTimeout(function() {
      new SlimSelect({
         select: '#grado_deu_id',
         placeholder: 'Select Permissions',
         deselectLabel: '<span>&times;</span>',
         hideSelectedOption: true,
      })
   }, 300);

   new SlimSelect({
         select: '#grado_deu_id2',
         placeholder: 'Select Permissions',
         deselectLabel: '<span>&times;</span>',
         hideSelectedOption: true,
      })
 </script>
@endsection

@section('styles')
<link rel="stylesheet" href="{{asset('plugins/slim-select/slimselect.min.css') }}">
@endsection