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

    @if(isset($empresa) && $empresa)
        @php
            $maxPacientes = $empresa->getMaxPacientes();
            $actualPacientes = $empresa->getPacientesCount();
            $porcentajeCupo = $empresa->getPorcentajePacientes();
            $cupoLleno = $maxPacientes && $actualPacientes >= $maxPacientes;
        @endphp
        <div class="alert {{ $cupoLleno ? 'alert-warning border-warning' : 'alert-light border' }} shadow-xs mb-3 d-flex flex-wrap align-items-center justify-content-between" style="border-radius: 12px;">
            <div class="d-flex align-items-center">
                <div class="rounded-circle p-2 mr-3 d-flex align-items-center justify-content-center" style="width: 42px; height: 42px; background: rgba(37,99,235,0.1);">
                    <i class="bi bi-people-fill text-primary" style="font-size: 1.2rem;"></i>
                </div>
                <div>
                    <div class="font-weight-bold text-dark">
                        Cupo de Pacientes del Plan ({{ $empresa->plan->nombre ?? 'Plan SaaS' }}):
                        <span class="badge {{ $cupoLleno ? 'badge-danger' : 'badge-primary' }} px-2 py-1 ml-1">
                            {{ number_format($actualPacientes) }} / {{ $maxPacientes ? number_format($maxPacientes) : 'Ilimitados' }} Pacientes
                        </span>
                    </div>
                    <small class="text-muted">
                        Empresa: <b>{{ $empresa->nombre }}</b> &bull;
                        @if($maxPacientes)
                            Tiene disponibles <b>{{ max(0, $maxPacientes - $actualPacientes) }}</b> cupos de pacientes en su plan actual.
                        @else
                            Su plan cuenta con registro ilimitado de pacientes.
                        @endif
                    </small>
                </div>
            </div>
            <div class="d-flex align-items-center mt-2 mt-md-0" style="min-width: 240px;">
                @if($maxPacientes)
                    <div class="flex-grow-1 mr-3">
                        <div class="progress" style="height: 8px; border-radius: 6px;">
                            <div class="progress-bar {{ $porcentajeCupo >= 90 ? 'bg-danger' : ($porcentajeCupo >= 75 ? 'bg-warning' : 'bg-success') }}"
                                 role="progressbar" style="width: {{ $porcentajeCupo }}%"></div>
                        </div>
                    </div>
                @endif
                <a href="{{ route('admin.saas.mi_suscripcion') }}" class="btn btn-sm btn-outline-primary font-weight-bold">
                    <i class="bi bi-stars mr-1"></i> Ver Mi Plan
                </a>
            </div>
        </div>
    @endif

    <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 Pacientes</h3>
                    <div class="card-tools">
                        <a href="{{url('/admin/pacientes/pdf')}}" class="btn btn-success"> <i class="bi bi-printer"></i>
                            Reporte Pacientes
                        </a>
                        @if(isset($empresa) && $empresa && !$empresa->puedeRegistrarPaciente())
                            <a href="{{ route('admin.saas.mi_suscripcion') }}" class="btn btn-warning font-weight-bold" title="Cupo de pacientes agotado en su plan">
                                <i class="bi bi-lock-fill mr-1"></i> Ampliar Plan (Cupo Lleno)
                            </a>
                        @else
                            <a href="{{url('admin/pacientes/create')}}" class="btn btn-primary" >
                                Registrar Paciente
                            </a>
                        @endif

                    </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>Nombres</b></th>
                            <th style="text-align:center" scope="col"><b>Apellidos</b></th>
                            <th style="text-align:center" scope="col"><b>Cedula</b></th>
                            <th style="text-align:center" scope="col"><b>Telefono</b></th>
                            <th style="text-align:center" scope="col"><b>Direccion</b></th>
                            <th style="text-align:center" scope="col"><b>Fecha Naciminento</b></th>
                            <th style="text-align:center" scope="col"><b>Genero</b></th>
                            <th style="text-align:center" scope="col"><b>Edad</b></th>
                            <th style="text-align:center" scope="col"><b>Nro Hist. Clinica</b></th>
                            <th style="text-align:center" scope="col"><b>Acciones</b></th>

                        </tr>
                        </thead>
                        <tbody>
                                                @foreach($pacientes as $paciente)
                            <tr>
                                <td style="text-align:center">{{$contador++}}</td>
                                <td>{{$paciente->nombres}}</td>
                                <td>{{$paciente->apellidos}}</td>
                                <td>{{$paciente->cedula}}</td>
                                <td>{{$paciente->telefono}}</td>
                                <td>{{$paciente->direccion}}</td>
                                <td>{{$paciente->fecha_nacimiento}}</td>
                                <td>{{$paciente->genero}}</td>
                                <td>{{$paciente->edad}}</td>
                                <td>{{$paciente->nro_historia_clinica}}</td>

                                <td style="text-align: center">
                                    <div class="btn-group" role="group" aria-label="Basic example">
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/show')}}"  type="button"  title="Ver" class="btn btn-info btn-sm"><i class="bi bi-eye"></i></a>
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/edit')}}" type="button" title="Editar" class="btn btn-success btn-sm"><i class="bi bi-pencil"></i></a>
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/confirm-delete')}}" type="button"  title="Borrar" class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></a>
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/historial')}}" type="button"  title="Historial Medico" class="btn btn-warning btn-sm"><i class="fas bi bi-clipboard2-pulse"></i></a>
                                        <a href="{{url('/admin/historial/'.$paciente->id.'/pdf')}}" target="_blank" type="button" title="Imprimir Historial Medico (PDF)" class="btn btn-success btn-sm"><i class="bi bi-printer"></i></a>
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/recetas')}}" type="button"  title="Recetas" class="btn btn-dark btn-sm"><i class="fas bi bi-capsule-pill"></i></a>
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/laboratorio')}}" type="button"  title="Laboratorio" class="btn btn-primary btn-sm"><i class="fas bi bi-file-medical"></i></a>
                                        <a href="{{url('/admin/pacientes/'.$paciente->id.'/pagos')}}" type="button"  title="Pagos" class="btn btn-secondary btn-sm"><i class="fas bi bi-cash-coin"></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_ Pacientes",
                                    "infoEmpty": "Mostrando 0 a 0 de 0 Pacientes",
                                    "infoFiltered": "(Filtrado de MAX total Pacientes)",
                                    "infoPostFix": "",
                                    "thousands": ",",
                                    "lengthMenu": "Mostrar MENU Pacientes",
                                    "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