@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/dataTables.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @include('menu.index');
@stop

@section('content')

<h3 class="text-muted">{{'Pacientes'}}</h3>
<!--<a href="acta_entrega/create" class="btn btn-sm btn-primary">Nueva</a>-->
<input type="hidden" id="identificador" value="#pacientes" >
<div class="espacio10">
    <table id="pacientes" class="table table-striped table-bordered shadow-lg mt-4" style="width:100%">
        <thead class="bg-primary text-white">
            <tr>
                <th scope="col" width="27%">{{'Nombre Completo'}}</th>
                <th scope="col" width="10%">{{'Edad'}}</th>
                <th scope="col" width="15%">{{'Ultima Atencion'}}</th>
                <th scope="col" width="10%">{{'Estado'}}</th>
                <th scope="col" width="28%">{{'Opciones'}}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($pacientes as $pacientes)
                <tr>
                    <td>{{$pacientes->nombres." ".$pacientes->apellido_paterno." ".$pacientes->apellido_materno}}</td>
                    <td>{{Carbon::parse($paciente-fecha_nacimiento)->age}}</td>
                    <td>{{$pacientes->ultima_atencion}}</td>
                    <td>{{$pacientes->estado_paciente}}</td>
                    <td>
                        <form action="{{ route ('pacientes.destroy',$pacientes->user_id)}}" method="POST">
                            <a href="/pacientes/{{$pacientes->user_id}}/ficha" class="btn btn-sm btn-info">{{'Jornada'}}</a>
                            <a href="/pacientes/{{$pacientes->user_id}}/atenciones" class="btn btn-sm btn-success">{{'Activar'}}</a>
                            <a href="/pacientes/{{$pacientes->user_id}}/tutores" class="btn btn-sm btn-success">{{'Tutores'}}</a>
                            <a href="/pacientes/{{$pacientes->user_id}}/edit" class="btn btn-sm btn-warning">{{'Editar'}}</a>
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Borrar</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/jquery.dataTables.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables.bootstrap5.min.js') }}" defer></script>
    <script src="{{ asset('js/config-dt.js') }}" defer></script>
@stop