@extends('base')

@section('content')
    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    <h4 class="card-title mb-4">Listado Pagos Escolares</h4>

    <div class="table-responsive">
        <table class="table table-centered mb-0 mt-10 align-middle table-hover table-nowrap" id="datatable">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Nombre Estudiante</th>
                    <th>Concepto</th>
                    <th>Monto</th>
                    <th>Referencia de Pago</th>
                    <th>Fecha de Creación</th>
                    <th>Acciones</th>
                </tr>
            </thead><!-- end thead -->
            <tbody>
                @foreach ($payments as $item)
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>{{ $item->student->name_student }} {{ $item->student->lastName_student }}</td>
                        <td>{{ $item->payment->name_concept }}</td>
                        <td>$ {{ number_format($item->amount, 2, ",", ".") }}</td>
                        <td>{{ $item->reference_payment }}</td>
                        <td>{{ $item->created_at }}</td>
                        <td>
                            <div class="btn-group btn-group-sm mt-2" role="group" aria-label="Basic example">
                                <form action="{{ route('payments.destroy', $item->id) }}" method="POST">
                                    <a class="btn btn-primary btn-sm"
                                        href="{{ route('payments.create_invoice', $item->reference_payment) }}"><span
                                            class="fas fa-eye"></span></a>
                                    @csrf
                                    @method('POST')
                                    <button type="submit" class="btn btn-danger btn-sm"><span
                                            class="fas fa-trash"></span></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection