@extends('layouts.admin')
@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <div class="card-tools">
                        @unlessrole('paciente')
                        <a href="{{url('admin/pacientes/'.$paciente->id.'/pagoscreate')}}" class="btn btn-primary" >
                            Registrar Pago
                        </a>
                        @endunlessrole
                    </div>

                </div>
                <div class="card-body">

                    <table id="example1" class="table table-bordered table-hover table-sm">
                        <thead style="background-color: #4e4e50">
                        <tr>
                            <th style="text-align:center" scope="col"><b>Nro</b></th>
                            <th style="text-align:center" scope="col"><b>Monto</b></th>
                            <th style="text-align:center" scope="col"><b>Forma de Pago</b></th>
                            <th style="text-align:center" scope="col"><b>Referencia Pago</b></th>
                            <th style="text-align:center" scope="col"><b>Fechad de Pago</b></th>
                            <th style="text-align:center" scope="col"><b>Descripcion</b></th>
                            <th style="text-align:center" scope="col"><b>Acciones</b></th>

                        </tr>
                        </thead>
                        <tbody>
                                                @foreach($pago as $pagos)
                            <tr>
                                <td style="text-align:center">{{$contador++}}</td>

                                <td>{{$pagos->monto}}</td>
                                <td>{{$pagos->forma_pago}}</td>
                                <td>{{$pagos->referencia_pago}}</td>
                                <td>{{$pagos->fecha_pago}}</td>
                                <td>{{$pagos->descripcion}}</td>



                                <td style="text-align: center">
                                    <div class="btn-group" role="group" aria-label="Acciones">
                                        <a href="{{ route('admin.facturas.create', ['paciente_id' => $paciente->id, 'pago_id' => $pagos->id]) }}" class="btn btn-primary btn-sm" title="Emitir Factura Electrónica"><i class="fas fa-file-invoice-dollar"></i></a>
                                        <a href="{{ route('admin.pagos.show', $pagos->id) }}" class="btn btn-info btn-sm" title="Ver Comprobante"><i class="bi bi-eye"></i></a>
                                        <a href="{{ route('admin.pagos.pdf', $pagos->id) }}" target="_blank" class="btn btn-success btn-sm" title="Imprimir PDF"><i class="bi bi-printer"></i></a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                    <script>
                        $(function () {
                            $("#example1").DataTable({
                                "pageLength": 10,
                                "language": {
                                    "emptyTable": "No hay información",
                                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Historias Clinicas",
                                    "infoEmpty": "Mostrando 0 a 0 de 0 Historias Clinicas",
                                    "infoFiltered": "(Filtrado de MAX total Historias Clinicas)",
                                    "infoPostFix": "",
                                    "thousands": ",",
                                    "lengthMenu": "Mostrar MENU Historias Clinicas",
                                    "loadingRecords": "Cargando...",
                                    "processing": "Procesando...",
                                    "search": "Buscador:",
                                    "zeroRecords": "Sin resultados encontrados",
                                    "paginate": {
                                        "first": "Primero",
                                        "last": "Ultimo",
                                        "next": "Siguiente",
                                        "previous": "Anterior"
                                    }
                                },
                                "responsive": true, "lengthChange": true, "autoWidth": false,
                                buttons: [{
                                    extend: 'collection',
                                    text: 'Reportes',
                                    orientation: 'landscape',
                                    buttons: [{
                                        text: 'Copiar',
                                        extend: 'copy',
                                    }, {
                                        extend: 'pdf'
                                    },{
                                        extend: 'csv'
                                    },{
                                        extend: 'excel'
                                    },{
                                        text: 'Imprimir',
                                        extend: 'print'
                                    }
                                    ]
                                },
                                    {
                                        extend: 'colvis',
                                        text: 'Visor de columnas',
                                        collectionLayout: 'fixed three-column'
                                    }
                                ],
                            }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
                        });
                    </script>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <a href="{{url('admin/pacientes/')}}" class="btn btn-secondary">Cancelar</a>
                            </div>
                        </div>
                    </div>


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