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

    <div class="row">
        <div class="col-md-12">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title"> Listado de Recetas</h3>
                    <div class="card-tools">
                        <button type="button" onclick="window.print()" class="btn btn-outline-secondary mr-2">
                            <i class="bi bi-printer"></i> Imprimir Listado
                        </button>
                        <a href="{{url('admin/recetas/create')}}" class="btn btn-primary" >
                            <i class="bi bi-plus-circle"></i> Registrar Receta
                        </a>
                    </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>Nombre Paciente</b></th>
                            <th style="text-align:center" scope="col"><b>Médico</b></th>
                            <th style="text-align:center" scope="col"><b>Nro Receta</b></th>
                            <th style="text-align:center" scope="col"><b>Fecha Consulta</b></th>
                            <th style="text-align:center" scope="col"><b>Diagnostico</b></th>
                            <th style="text-align:center" scope="col"><b>Prescripcion</b></th>
                            <th style="text-align:center" scope="col"><b>Acciones</b></th>
                        </tr>
                        </thead>
                        <tbody>
                                                @foreach($recetas as $receta)
                            <tr>
                                <td style="text-align:center">{{$contador++}}</td>
                                <td>{{$receta->paciente ? ($receta->paciente->nombres." ".$receta->paciente->apellidos) : 'Paciente no asignado'}}</td>
                                <td>
                                    @if($receta->doctor)
                                        <span class="badge badge-info text-wrap">Dr(a). {{$receta->doctor->nombres}} {{$receta->doctor->apellidos}}</span>
                                    @else
                                        <span class="text-muted small">No asignado</span>
                                    @endif
                                </td>
                                <td style="text-align:center"><span class="badge badge-primary px-2 py-1 font-weight-bold">№ {{$receta->numero_receta}}</span></td>
                                <td>{{$receta->fecha}}</td>
                                <td>{{$receta->diagnostico_cie ?: 'Consulta General'}}</td>
                                <td>{!!$receta->prescripcion!!}</td>

                                <td style="text-align: center">
                                    <div class="btn-group" role="group" aria-label="Acciones">
                                        <a href="{{route('admin.recetas.pdfSingle', ['id' => $receta->id, 'formato' => 'a5'])}}" target="_blank" type="button" title="Imprimir PDF (A5 Horizontal)" class="btn btn-success btn-sm">
                                            <i class="bi bi-printer-fill"></i>
                                        </a>
                                        <a href="{{url('admin/recetas/'.$receta->id)}}" type="button" title="Ver Receta" class="btn btn-info btn-sm">
                                            <i class="bi bi-eye"></i>
                                        </a>
                                        <a href="{{url('/admin/recetas/'.$receta->id.'/edit')}}" type="button" title="Editar" class="btn btn-warning btn-sm">
                                            <i class="bi bi-pencil"></i>
                                        </a>
                                        <a href="{{url('/admin/recetas/'.$receta->id.'/confirm-delete')}}" type="button" title="Eliminar" class="btn btn-danger btn-sm">
                                            <i class="bi bi-trash"></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 Recetas",
                                    "infoEmpty": "Mostrando 0 a 0 de 0 Recetas",
                                    "infoFiltered": "(Filtrado de MAX total Recetas)",
                                    "infoPostFix": "",
                                    "thousands": ",",
                                    "lengthMenu": "Mostrar MENU Recetas",
                                    "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>
            </div>
        </div>
    </div>
@endsection