@extends('layouts.reportes')

@section('content')

<div class="container-fluid">
   <div class="row">
      <div class="col">
         <h2 class="text-center">
            ABONOS REALIZADOS PENDIENTES DE REBICION
         </h2>
      </div>
   </div>

   <div class="row">
      <div class="col">
         <form action="" method="get">

            <div class="form-group">
               <label for="">TIPO DE PAGO: </label>
               <select class="form-control" name="tipo" required>
                  <option value="">SELECCIONE TIPO PAGO</option>
                  <option value="EFECTIVO">EFECTIVO</option>
                  <option value="VISA">PAGO CON TARJETA</option>
                  <option value="CHEQUE">CHEQUE</option>
                  <option value="TRANSFERENCIA">TRANSFERENCIA</option>
                  <option value="DEPOSITO">DEPOSITO</option>
                  <option value="OTRO">OTRO</option>
               </select>
            </div>


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

         </form>

         <p class="text-center">Total Pendiante de Rebicion: Q. {{number_format($total, 2)}}</p>

      </div>
   </div>

   <div class="row">


      @foreach ($abono as $d)
      <div class="col-md-3">
         <div class="card">
            <div class="card-body">
               <h4 class="card-title">{{$d->estudiante->nombre}}</h4>
               <p class="card-text"> TIPO: <b> {{$d->tipo}}</b></p>
               <p class="card-text"> ABONO A: <b>{{$d->abonoa}}</b></p>
               <p class="card-text"> BANCO: <b> {{$d->banco}}</b></p>
               <p class="card-text"> BOLETA: <b> {{$d->boleta}}</b></p>
               <p class="card-text"> DESCRIPCION: <b>{{$d->descripcion}}</b></p>
               <p class="card-text"> VALOR: <b>Q. {{number_format($d->valor, 2)}}</b></p>
               <p class="card-text"> FECHA: <b> {{$d->created_at}}</b></p>
                <p class="card-text"> USUARIO: <b> {{ $d->user->name ?? 'Usuario Eliminado' }}</b></p>
            </div>
            <a class="btn btn-primary" href="{{route('caja.abonoToCheck', $d)}}"><i class="fa fa-check" aria-hidden="true"></i></a>
         </div>
      </div>
      <!-- TODO: PASAR LOS NO CHEC A CHECK -->
      @endforeach



   </div>


   <div class="row">
      <div class="col-12">

         <p class="h3 text-center">ABONOS A ACTIVIDADES</p>
      </div>

      @foreach ($abono2 as $d)
      <div class="col-md-3">
         <div class="card">
            <div class="card-body">
               <h4 class="card-title">{{$d->estudiante->nombre}}</h4>
               <p class="card-text"> TIPO: <b> {{$d->tipo}}</b></p>
               <p class="card-text"> ABONO A: <b>Actividad</b></p>
               <p class="card-text"> BANCO: <b> {{$d->banco}}</b></p>
               <p class="card-text"> BOLETA: <b> {{$d->boleta}}</b></p>
               <p class="card-text"> DESCRIPCION: <b>{{$d->descripcion}}</b></p>
               <p class="card-text"> VALOR: <b>Q. {{number_format($d->valor, 2)}}</b></p>
               <p class="card-text"> FECHA: <b> {{$d->created_at}}</b></p>
                <p class="card-text"> USUARIO: <b> {{ $d->user->name ?? 'Usuario Eliminado' }}</b></p>
            </div>
            <a class="btn btn-primary" href="{{route('caja.abonoToCheck2', $d)}}"><i class="fa fa-check" aria-hidden="true"></i></a>
         </div>
      </div>
      <!-- TODO: PASAR LOS NO CHEC A CHECK -->
      @endforeach
   </div>
</div>


@endsection