@extends('layouts.admin')

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

         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/student.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">ESTUDIANTES</h4>
               <p class="card-text">PERMITE VISUALIZAR EL REPORTE DE TODOS LOS ESTUDIANTES</p>
               <a class="btn btn-info" href="{{route('estudiante.allEstudiante')}}"><i class="fa fa-print" aria-hidden="true"></i></a>
            </div>
         </div>

      </div>

      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/retirados.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">RETIRADOS</h4>
               <p class="card-text">PERMITE VISUALIZAR EL REPORTE DE TODOS LOS ESTUDIANTES RETIRADOS</p>
               <a class="btn btn-info" href="{{route('estudiante.getRetirados')}}"><i class="fa fa-print" aria-hidden="true"></i></a>
            </div>
         </div>
      </div>

      <!-- <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/deuda.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">DEUDORES</h4>
               <p class="card-text">PERMITE VISUALIZAR EL REPORTE DE TODOS LOS DEUDORES</p>

               <a class="btn btn-info" href="{{route('estudiante.alldeudores')}}"><i class="fa fa-print" aria-hidden="true"></i></a>

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

      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/level.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">NIVELES</h4>
               <p class="card-text">RETORNA EL REPORTE DE ESTUDIANTES POR NIVEL</p>

               <form action="{{route('estudiante.allnivel')}}" method="GET">

                  <select name="nivel" class="form-control" required>
                     <option value="">SELECCIONE UN NIVEL</option>
                     <option value="PRE-PRIMARIA">PRE-PRIMARIA</option>
                     <option value="PRIMARIA">PRIMARIA</option>
                     <option value="BASICO">BASICO</option>
                     <option value="DIVERSIFIFCADO">DIVERSIFIFCADO</option>
                     <option value="BASICO POR MADUREZ">BASICO POR MADUREZ</option>
                     <option value="DIVERSIFIFCADO POR MADUREZ">DIVERSIFIFCADO POR MADUREZ</option>
                  </select>

                  <button type="submit" class="btn btn-primary my-2"><i class="fa fa-print" aria-hidden="true"></i></button>

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

      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/cumple.png')}}" alt="{{config('app.name')}}">
            <div class="card-body">
               <h4 class="card-title">CUMPLEAÑEROS</h4>
               <p class="card-text">RETORNA EL LISTADO DE LOS ESTUDIANTES CUMPLEAÑEROS POR MES</p>

               <form action="{{route('estudiante.cumpleaneros')}}" method="post">
                  @csrf

                  <select name="mes" class="form-control">
                     <option selected hidden>Mes</option>
                     <option value="01">Enero</option>
                     <option value="02">Febrero</option>
                     <option value="03">Marzo</option>
                     <option value="04">Abril</option>
                     <option value="05">Mayo</option>
                     <option value="06">Junio</option>
                     <option value="07">Julio</option>
                     <option value="08">Agosto</option>
                     <option value="09">Septiembre</option>
                     <option value="10">Octubre</option>
                     <option value="11">Noviembre</option>
                     <option value="12">Diciembre</option>
                  </select>

                  <button type="submit" class="btn btn-info mt-3"><i class="fa fa-search" aria-hidden="true"></i> BUSCAR</button>

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


      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top p-4" src="{{asset('images/inicio/rango.png')}}" style="width: 75%; margin-left: auto; margin-right: auto" alt="{{config('app.name')}}">
            <div class="card-body">
               <h4 class="card-title">ESTUDIANTES POR RANGO DE DEUDAS</h4>
               <p class="card-text">RETORNA LOS ESTUDIANTES CON DEUDAS POR UNA SELECCION DE RANGO</p>

               <form action="{{route('estudiante.rangodeDeudas')}}" method="post">
                  @csrf

                  <div class="form-group">
                     <label for="minimo">MINIMO</label>
                     <input type="number" step="any" class="form-control" name="minimo" placeholder="MINIMO DE DEUDA">
                  </div>

                  <div class="form-group">
                     <label for="">MAXIMO</label>
                     <input type="text" class="form-control" name="maximo" placeholder="MAXIMO DE DEUDA">
                  </div>

                  <button type="submit" class="btn btn-primary"><i class="fa fa-search" aria-hidden="true"></i> BUSCAR</button>

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




      <div class="col-md-4">
         <div class="card text-center">
            <img class="card-img-top" style="width: 30%; margin-left: auto; margin-right: auto;" src="{{asset('images/deuda2.png')}}" alt="{{config('app.name')}}">
            <div class="card-body">
               <h4 class="card-title">DEUDORES POR GRADO</h4>
               <p class="card-text">RETORNA EL LISTADO DE TODOS LOS ESTUDIANTES DEUDORES POR GRADO</p>
               <form action="{{route('grados.alldeures')}}" method="post">
                  @csrf

                  <div class="form-group">
                     <label for=""></label>
                     <select class="form-control" name="grado_id" id="grado_deu_id">
                        <option>SELECCIONE UN GRADO</option>
                        <option value="all">TODOS</option>
                        @foreach ($grados as $gr)
                        <option value="{{$gr->id}}">{{$gr->nombre}} / Seccion: {{$gr->seccion}} / Nivel: {{$gr->nivel}}</option>
                        @endforeach
                     </select>
                  </div>

                  <button type="submit" class="btn btn-primary">GENERAR REPORTE</button>

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

      <div class="col-md-4">
         <div class="card text-center">
            <img class="card-img-top" style="width: 30%; margin-left: auto; margin-right: auto;" src="{{asset('images/deuda2.png')}}" alt="{{config('app.name')}}">
            <div class="card-body">
               <h4 class="card-title">DEUDORES POR GRADO</h4>
               <p class="card-text">RETORNA EL LISTADO DE TODOS LOS ESTUDIANTES DEUDORES POR GRADO Y POR TIPO DE DEUDA</p>
               <form action="{{route('grados.getDeudoreForTipo')}}" method="post">
                  @csrf

                  <!-- Button trigger modal -->
                  <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modelId">
                     NOTA !
                  </button>

                  <!-- Modal -->
                  <div class="modal fade" id="modelId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
                     <div class="modal-dialog" role="document">
                        <div class="modal-content">
                           <div class="modal-header">
                              <h5 class="modal-title">NOTA </h5>
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                 <span aria-hidden="true">&times;</span>
                              </button>
                           </div>
                           <div class="modal-body">
                              COLEGIATURA, INSCRIPCION Y BUSES NO SE FILTRARAN POR FECHA
                           </div>
                           <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                              <button type="button" class="btn btn-primary">Save</button>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="form-group">
                     <label for="">TIPO DE DEUDA: </label>
                     <select class="form-control" name="abonoa">
                        <option value="COLEGIATURA">COLEGIATURA</option>
                        <option value="BUS">BUS</option>
                        <option value="BOLSA DE UTILES">BOLSA DE UTILES</option>
                        <option value="UNIFORME">UNIFORME</option>
                        <option value="INSCRIPCION">INSCRIPCION</option>
                        <option value="ACTIVIDADES">ACTIVIDADES</option>
                        <option value="CAFETERIA">CAFETERIA</option>
                        <option value="DEUDA EXTRA">DEUDA EXTRA</option>
                     </select>
                  </div>

                  <div class="form-group">
                     <label for=""></label>
                     <select class="form-control" name="grado_id" id="grado_deu_id2">
                        <option>SELECCIONE UN GRADO</option>
                        <option value="all">TODOS</option>
                        @foreach ($grados as $gr)
                        <option value="{{$gr->id}}">{{$gr->nombre}} / Seccion: {{$gr->seccion}} / Nivel: {{$gr->nivel}}</option>
                        @endforeach
                     </select>
                  </div>

                  <div>
                     <label for="">INICIO: </label>
                     <input type="date" name="inicio" class="form-control">
                  </div>
                  <div class="form-group ml-4">
                     <label for="">FIN: </label>
                     <input type="date" name="fin" class="form-control">
                  </div>

                  <button type="submit" class="btn btn-primary">GENERAR REPORTE</button>

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


      <div class="col-md-4">
         <div class="card text-center">
            <img class="card-img-top" style="width: 30%; margin-left: auto; margin-right: auto;" src="{{asset('images/deuda2.png')}}" alt="{{config('app.name')}}">
            <div class="card-body">
               <h4 class="card-title">ABONOS POR GRADO</h4>
               <p class="card-text">RETORNA EL LISTADO DE TODOS LOS ESTUDIANTES QUE ABONARON POR GRADO Y POR TIPO</p>
               <form action="{{route('grados.getAbonosToTipo')}}" method="post">
                  @csrf



                  <div class="form-group">
                     <label for="">TIPO DE DEUDA: </label>
                     <select class="form-control" name="abonoa">
                        <option value="COLEGIATURA">COLEGIATURA</option>
                        <option value="BUS">BUS</option>
                        <option value="BOLSA DE UTILES">BOLSA DE UTILES</option>
                        <option value="UNIFORME">UNIFORME</option>
                        <option value="INSCRIPCION">INSCRIPCION</option>
                        <option value="ACTIVIDADES">ACTIVIDADES</option>
                        <option value="CAFETERIA">CAFETERIA</option>
                        <option value="DEUDA EXTRA">DEUDA EXTRA</option>
                     </select>
                  </div>

                  <div class="form-group">
                     <label for=""></label>
                     <select class="form-control" name="grado_id" id="grado_deu_id3">
                        <option>SELECCIONE UN GRADO</option>
                        <option value="all">TODOS</option>
                        @foreach ($grados as $gr)
                        <option value="{{$gr->id}}">{{$gr->nombre}} / Seccion: {{$gr->seccion}} / Nivel: {{$gr->nivel}}</option>
                        @endforeach
                     </select>
                  </div>

                  <div>
                     <label for="">INICIO: </label>
                     <input type="date" name="inicio" class="form-control">
                  </div>
                  <div class="form-group ml-4">
                     <label for="">FIN: </label>
                     <input type="date" name="fin" class="form-control">
                  </div>

                  <button type="submit" class="btn btn-primary">GENERAR REPORTE</button>

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

      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/retirados.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">ACTIVIDADES</h4>
               <p class="card-text">RETORNA LAS DEUDAS Y ABONOS DE ACTIVIDADES POR GRADO</p>
               <form action="{{route('grados.actividades_to_grado')}}" method="get">
                  @csrf

                  <div class="form-group">
                     <label for="">ACTIVIDAD</label>
                     <select class="form-control" name="actividad_id" id="actividad_id">
                        @foreach ($actividad as $act)
                        <option value="{{$act->id}}">  {{$act->nombre}}  </option>
                        @endforeach
                     </select>
                  </div>

                  <div class="form-group">
                     <label for=""></label>
                     <select class="form-control" name="grado_id" id="grado_deu_id4">
                        <option value="ALL">TODOS LOS GRADOS</option>
                        @foreach ($grados as $gr)
                        <option value="{{$gr->id}}">{{$gr->nombre}} / Seccion: {{$gr->seccion}} / Nivel: {{$gr->nivel}}</option>
                        @endforeach
                     </select>
                  </div>
                  <button type="submit" class="btn btn-primary">GENERAR REPORTE</button>
               </form>
            </div>
         </div>
      </div>

      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/retirados.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">ABONOS</h4>
               <p class="card-text">RETORNA A TODOS LOS ESTUDIANTES CON ABONOS</p>
               <form action="{{route('grados.allAbonado')}}" method="post">
                  @csrf
                  <div class="form-group">
                     <label for=""></label>
                     <select class="form-control" name="grado_id" id="grado_deu_id4">
                        <option>SELECCIONE UN GRADO</option>
                        <option value="all">TODOS</option>
                        @foreach ($grados as $gr)
                        <option value="{{$gr->id}}">{{$gr->nombre}} / Seccion: {{$gr->seccion}} / Nivel: {{$gr->nivel}}</option>
                        @endforeach
                     </select>
                  </div>
                  <button type="submit" class="btn btn-primary">GENERAR REPORTE</button>
               </form>
            </div>
         </div>
      </div>


      <div class="col-md-4">
         <div class="card">
            <img class="card-img-top" style="width: 75%; margin-left: auto; margin-right: auto" src="{{asset('images/inicio/retirados.png')}}" alt="">
            <div class="card-body">
               <h4 class="card-title">GASTOS</h4>
               <p class="card-text">RETORNA A TODOS GASTOS</p>
               <form action="{{route('caja.gasto_to_tipo')}}" method="get">
                  <button type="submit" class="btn btn-primary">GENERAR REPORTE</button>


                  <div class="form-group">
                     <label for="">Tipo de Gasto</label>
                     <select class="form-control" name="tipo[]" id="gasto_id" multiple>

                        <option value="TODOS">TODOS</option>


                        <optgroup label="GASTOS NO REEMBOLSABLES">
                           <option value="GASTOS ADMINISTRATIVOS">GASTOS ADMINISTRATIVOS</option>
                           <option value="DISPONIBILIDAD EN CAJA CHICA">DISPONIBILIDAD EN CAJA CHICA</option>
                           <option value="GASTOS DE FUNCIONAMIENTO">GASTOS DE FUNCIONAMIENTO</option>
                           <option value="GASTOS DE LIMPIEZA">GASTOS DE LIMPIEZA</option>
                           <option value="ADELANTO PARA QUINCEMA">ADELANTO PARA QUINCEMA</option>
                           <option value="ADELANTO PARA FIN DE MES">ADELANTO PARA FIN DE MES</option>
                           <option value="GASTOS INVERSION DE INSTALACIONES">GASTOS INVERSION DE INSTALACIONES</option>
                           <option value="GASTOS SAT">GASTOS SAT</option>
                           <option value="SERVICIOS">SERVICIOS</option>
                           <option value="SERVICIO DE AGUA">SERVICIO DE AGUA</option>
                           <option value="GASTOS FAMILIA">GASTOS FAMILIA</option>
                           <option value="PAGO DE QUINCENA">PAGO DE QUINCENA</option>
                           <option value="PAGO FIN DE MES">PAGO FIN DE MES</option>

                        </optgroup>
                        <optgroup label="GASTOS REEMBOLSABLES">
                           <option value="GASTOS DE BUS">GASTOS DE BUS</option>
                           <option value="GASTOS DE UNIFORMES">GASTOS DE UNIFORMES</option>
                           <option value="GASTOS DE BOLSA">GASTOS DE BOLSA</option>
                           <option value="GASTOS DE ACTIVIDADES">GASTOS DE ACTIVIDADES</option>
                        </optgroup>
                     </select>

                  </div>


               </form>
            </div>
         </div>
      </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,
   });

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

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

   new SlimSelect({
      select: '#actividad_id',
      placeholder: 'Seleccione Actividad',
      deselectLabel: '<span>&times;</span>',
      hideSelectedOption: true,
   });
   new SlimSelect({
      select: '#gasto_id',
      placeholder: 'Select Permissions',
      deselectLabel: '<span>&times;</span>',
      hideSelectedOption: true,
   });

   $('#gasto_id #permission-select-all').click(function() {
      var options = [];
      $('#gasto_id option').each(function() {
         options.push($(this).attr('value'));
      });

      permission_select.set(options);
   })

   $('#gasto_id #permission-deselect-all').click(function() {
      permission_select.set([]);
   })
</script>
@endsection

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