@extends('template.main')

@section('titulo','Agregar abono al alumno '.$alumno->nombre.' '.$alumno->apellidos)

@section('cabecera')
    <script>
        $(document).ready(function(){
            $("#conceptoAbono").change(function(){
                var concepto = $("#conceptoAbono").val();
                $.ajax({
                    data: {"concepto": concepto},
                    type: "GET",
                    url: "{{ route('abonos.tipoConcepto',$alumno->idalumno) }}",

                    beforeSend: function(){
                        $('#salidaAbonos').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                    },

                    success: function(response){

                        $('#salidaAbonos').html(response);

                    }
                });
            });

            $('#contenedor').DataTable( {
                language: {
                    "decimal": "",
                    "emptyTable": "No hay información",
                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Entradas",
                    "infoEmpty": "Mostrando 0 to 0 of 0 Entradas",
                    "infoFiltered": "(Filtrado de _MAX_ total entradas)",
                    "infoPostFix": "",
                    "thousands": ",",
                    "lengthMenu": "Mostrar _MENU_ Entradas",
                    "loadingRecords": "Cargando...",
                    "processing": "Procesando...",
                    "search": "Buscar:",
                    "zeroRecords": "Sin resultados encontrados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Ultimo",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                "paging":false,

                initComplete: function () {
                    this.api().columns().every( function () {
                        var column = this;
                        var select = $('<select ><option value=""></option></select>')
                            .appendTo( $(column.footer()).empty() )
                            .on( 'change', function () {
                                var val = $.fn.dataTable.util.escapeRegex(
                                    $(this).val()
                                );

                                column
                                    .search( val ? '^'+val+'$' : '', true, false )
                                    .draw();
                            } );

                        column.data().unique().sort().each( function ( d, j ) {
                            select.append( '<option value="'+d+'">'+d+'</option>' )
                        } );
                    } );
                }
            } );
        });



    </script>

@endsection

@section('contenido')
    <div style="margin: 5px;" class="row">
        <div class="col-lg-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Inicio </a></li>
                    <li class="breadcrumb-item">Abonos</li>
                    <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-file-invoice-dollar"></i> Agregar abono al alumno {{ $alumno->nombre }} {{ $alumno->apellidos }}</li>
                </ol>
            </nav>
            <hr>
        </div>
        <div class="col-lg-12">
            <h3 class="contexto"> <i class="fas fa-file-invoice-dollar"></i> Registrar Abono a {{ $alumno->nombre }} {{ $alumno->apellidos }}</h3>
        </div>

        <div class="col-lg-12">
            <form method="post" action="{{ route('abonos.store') }}">
                @csrf
                <input type="hidden" name="alumno" value="{{ $alumno->idalumno }}">
                <div class="col-lg-12">
                    <label>Concepto de abono</label>
                    <select name="conceptoAbono" id="conceptoAbono" class="form-control" required>
                        <option value="">Seleccione una opción</option>
                        @foreach($conceptos as $concepto)
                            @if($concepto->id==4)
                                @if($titulacion==0)
                                    <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                                @else
                                    <option value="{{ $concepto->id }}" disabled>{{ $concepto->concepto }} (Ya se encuentra registrado en un pago)</option>
                                @endif
                            @elseif($concepto->id==1)
                                @if($inscripcion==0)
                                    <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                                @else
                                    <option value="{{ $concepto->id }}" disabled>{{ $concepto->concepto }} (Ya se encuentra registrado en un pago)</option>
                                @endif
                            @elseif($concepto->id==5)
                                @if($credencial==0)
                                    <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                                @else
                                    <option value="{{ $concepto->id }}" disabled>{{ $concepto->concepto }} (Ya se encuentra registrado en un pago)</option>
                                @endif
                            @elseif($concepto->id==6)
                                @if($constancia==0)
                                    <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                                @else
                                    <option value="{{ $concepto->id }}" disabled>{{ $concepto->concepto }} (Ya se encuentra registrado en un pago)</option>
                                @endif
                            @elseif($concepto->id==7)
                                @if($extraordinario==0)
                                    <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                                @else
                                    <option value="{{ $concepto->id }}" disabled>{{ $concepto->concepto }} (Ya se encuentra registrado en un pago)</option>
                                @endif
			    @elseif($concepto->id==8)
                                @if($bachillerato==0)
                                    <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                                @else
                                    <option value="{{ $concepto->id }}" disabled>{{ $concepto->concepto }} (Ya se encuentra registrado en un pago)</option>
                                @endif

                            @else
                                <option value="{{ $concepto->id }}">{{ $concepto->concepto }}</option>
                            @endif
                        @endforeach
                        <option value="otro">Otro</option>
                    </select>
                    <small class="form-text text-muted">Si no permite seleccionar un concepto de pago, significa que ya esta registrado en un pago, por favor verifique.</small>
                </div>
                <div class="row" id="salidaAbonos"></div>

                <!--<div class="col-lg-12">
                    <br>
                    <button type="submit" class="btn btn-success" id="agregar">Agregar</button>
                </div>-->
                <div class="col-lg-12 d-flex justify-content-between">
   
                        <button type="submit" class="btn btn-success" id="agregar">Agregar</button>

                        <!-- Botón Ir a Pagos desde Abonos-->
                        <a href="{{ route('pagos.agregarNuevo',$alumno->idalumno) }}" class="btn btn-success" title="Ir a Pagos del Alumno">
                            <i class="fas fa-cash-register"></i> Ir a Pagos del Alumno
                        </a>
                </div>

            </form>
        </div>

        <div class="col-lg-12">
            <hr>
            <h3 class="contexto"><i class="fas fa-history"></i> Histórico de abonos</h3>
        </div>
        <div class="col-lg-12">
            <table id="contenedor" style="background: #fff; font-size: 12px" class="table table-hover">
                <thead>
                <tr>
                    <th>Concepto</th>

                    <th>Mes</th>
                    <th>Año</th>
                    <th>Pago Total</th>
                    <th>Abono</th>
                    <th>Debe</th>
                    <th>Recepción</th>
                    <th>Folio interno</th>
                    <th>Observación</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tfoot style="display: table-header-group;">
                <tr>
                    <th>Concepto</th>

                    <th>Mes</th>
                    <th>Año</th>
                    <th>Pago Total</th>
                    <th>Pagado</th>
                    <th>Debe</th>
                    <th>Recepción</th>
                    <th>Folio interno</th>



                </tr>
                </tfoot>
                <tbody>
                @if(count($abonos) >= 1)
                    @foreach($abonos as $abono)
                        @php $pagado = 0; @endphp
                        <tr>
                            <td>@if($abono->concepto == 0) {{ $abono->descripcionAbono }} @else {{ $abono->Concepto["concepto"] }} @endif</td>

                            <td>@if($abono->mes == 1)Enero @elseif($abono->mes == 2)Febrero @elseif($abono->mes == 3)Marzo @elseif($abono->mes == 4)Abril @elseif($abono->mes == 5)Mayo @elseif($abono->mes == 6)Junio @elseif($abono->mes == 7)Julio
                                @elseif($abono->mes == 8)Agosto @elseif($abono->mes == 9)Septiembre @elseif($abono->mes == 10)Octubre @elseif($abono->mes == 11)Noviembre @elseif($abono->mes == 12)Diciembre @else  @endif</td>
                            <td>{{ $abono->year }}</td>
                            <td>${{ number_format($abono->totalPagar,2) }}</td>
                            <td>
                                @foreach($abono->HistoricoAbono as $historico)
                                    @php $pagado = $pagado + $historico->pagoActual @endphp
                                @endforeach
                                @php $debe = $abono->totalPagar - $pagado @endphp
                            ${{ number_format($pagado,2) }}
                            </td>
                            <td>${{ number_format($abono->totalPagar - $pagado,2) }}</td>
                            <td>{{ date("d/m/y",strtotime($abono->fechaRecepcion)) }}</td>
                            <td>{{ $abono->id }}</td>
                            <td>{{ $abono->observacion }}</td>

                            @if($plataforma -> filtroLogos == 0)
                                <td><a href="{{ route('abonos.generacionPDF.sf', $abono->id) }}" class="btn btn-danger"><i class="far fa-file-pdf"></i></a>
                                    <a href="{{ route('abonos.enviarComprobante', $abono->id) }}" onclick="return confirm('¿Se encuentra segur@ de enviar el comprobante de abono al alumno?');" class="btn btn-outline-primary" title="Enviar comprobante al alumno."><i class="fas fa-envelope-square"></i></a>
                                    @if(Auth::user()->permiso == 1) <a href="{{ route('abonos.eliminarAbono', $abono->id) }}" onclick="return confirm('¿Segur@ de eliminar el abono?')" class="btn btn-outline-danger"><i class="fas fa-trash"></i></a> @endif
                                    @if($debe >= 1) <a data-bs-toggle="modal" data-bs-target="#AbonoAgregar_{{$abono->id}}"  class="btn btn-outline-primary" title="Agregar nuevo abono"><i class="fas fa-plus-square"></i></a>@endif
                                    <a data-bs-toggle="modal" data-bs-target="#AbonoHistorico_{{$abono->id}}" class="btn btn-outline-info" title="Ver el histórico de abonos"><i class="fas fa-history"></i></a>
                                </td>
                            @else
                                <td>
                                    <form method="post" action="{{ route('abonos.generacionPDF', $abono->id) }}">
                                        @csrf
                                        <select name="logo" class="form-control">
                                            <option value="">Seleccione un logo</option>
                                            @foreach($logos as $logo)
                                                <option value="{{ $logo->imagen }}">{{ $logo->nombre }}</option>
                                            @endforeach
                                        </select>
                                        <br>
                                        <select name="opcion" class="form-control">
                                            <option value="1">Generar PDF</option>
                                            <option value="2">Generar y enviar por email</option>
                                        </select>
                                        <br>
                                        <button type="submit" class="btn btn-success">Procesar</button>
                                    </form>
                                    @if(Auth::user()->permiso == 1) <a href="{{ route('abonos.eliminarAbono', $abono->id) }}" onclick="return confirm('¿Segur@ de eliminar el abono?')" class="btn btn-outline-danger"><i class="fas fa-trash"></i></a> @endif
                                    @if($debe >= 1) <a data-bs-toggle="modal" data-bs-target="#AbonoAgregar_{{$abono->id}}"  class="btn btn-outline-primary" title="Agregar nuevo abono"><i class="fas fa-plus-square"></i></a>@endif
                                    <a data-bs-toggle="modal" data-bs-target="#AbonoHistorico_{{$abono->id}}" class="btn btn-outline-info" title="Ver el histórico de abonos"><i class="fas fa-history"></i></a>
                                </td>
                            @endif
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="8" align="center">No se encontró abonos registrados.</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>
    </div>

    @foreach($abonos as $abono)
        <script>
            $(document).ready(function(){
                $("#tipoAbono_{{ $abono->id }}").change(function () {
                    var pago = $("#tipoAbono_{{ $abono->id }}").val();
                    if(pago > 1){
                        $("#salidaPago_{{ $abono->id }}").html('<label>Folio</label><input type="text" name="folio" class="form-control" required><label>Fecha</label><input type="date" class="form-control" name="fecha" required>');
                    }else{
                        $("#salidaPago_{{ $abono->id }}").html('<input type="hidden" value="0" name="folio"><input type="hidden" value="{{ date("Y-m-d") }}" class="form-control" name="fecha">');
                    }
                });
            });
        </script>
        <div class="modal fade" id="AbonoAgregar_{{ $abono->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Agregar abono @if($abono->concepto == 0) {{ $abono->descripcionAbono }} @else {{ $abono->Concepto["concepto"] }} @endif
                            @if($abono->mes == 1)Enero @elseif($abono->mes == 2)Febrero @elseif($abono->mes == 3)Marzo @elseif($abono->mes == 4)Abril @elseif($abono->mes == 5)Mayo @elseif($abono->mes == 6)Junio @elseif($abono->mes == 7)Julio
                            @elseif($abono->mes == 8)Agosto @elseif($abono->mes == 9)Septiembre @elseif($abono->mes == 10)Octubre @elseif($abono->mes == 11)Noviembre @elseif($abono->mes == 12)Diciembre @else  @endif {{ $abono->year }}</h5>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form method="post" action="{{ route('abonos.historicoAbono', [$alumno->idalumno,$abono->id]) }}">
                        @csrf
                    <div class="modal-body">
                        @php $totalPagado = 0; @endphp
                        @foreach($abono->HistoricoAbono as $historico)
                            @php $totalPagado = $totalPagado + $historico->pagoActual @endphp
                        @endforeach
                        <p style="font-weight: bold;">El alumno aún debe para completar este pago la cantidad de: ${{ number_format($abono->totalPagar - $totalPagado) }} pesos.</p>
                        <label>* Pago</label>
                        <input type="number" class="form-control" name="pago" min="1" max="{{ $abono->totalPagar - $totalPagado }}" required>
                        <label>* Tipo de pago</label>
                        <select name="tipoPago" id="tipoAbono_{{ $abono->id }}" class="form-control" required>
                            <option value="">Seleccione una opción</option>
                            @foreach($tipoAbonos as $tipo)
                                <option value="{{ $tipo->id }}">{{ $tipo->nombre }}</option>
                            @endforeach
                        </select>
                        <div id="salidaPago_{{ $abono->id }}"></div>
                        <label>Fecha de recepción</label>
                        <input type="date" name="fechaRecepcion" class="form-control" required>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-success">Agregar</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="modal fade" id="AbonoHistorico_{{ $abono->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Histórico del Abono</h5>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">
                        <p>Folio: {{ $abono->id }}. Concepto: @if($abono->concepto == 0) {{ $abono->descripcionAbono }} @else {{ $abono->Concepto["concepto"] }} @endif</p>
                        <table class="table">
                            <thead>
                            <tr>
                                <th>Pago</th>
                                <th>Fecha</th>
                                <th>Tipo de pago</th>
                                <th>Folio de Pago</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($abono->HistoricoAbono) >= 1)
                                @foreach($abono->HistoricoAbono as $historico)
                                    <tr>
                                        <td>${{ number_format($historico->pagoActual,2) }}</td>
                                        <td>{{ date("d/m/Y", strtotime($historico->fechaRecepcion)) }}</td>
                                        <td>{{ $historico->TipoPago->nombre }}</td>
                                        <td>@if($historico->tipoPago == 1) Sin referencia @else {{ $historico->folio }} @endif</td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="4" align="center">No se encontró histórico de pagos.</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-info" data-bs-dismiss="modal">Cerrar</button>

                    </div>

                </div>
            </div>
        </div>
    @endforeach
@endsection