@extends('layouts.index')

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

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

@section('content')

<h3 class="text-muted color_pag">{{'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 color_pag">
    <table id="pacientes" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
        <thead class="bg-primary text-white">
            <tr>
                <th scope="col" width="15%">{{'Rut'}}</th>
                <th scope="col" width="30%">{{'Nombre'}}</th>
                <th scope="col" width="10%">{{'Edad'}}</th>
                <th scope="col" width="15%">{{'Nro Atenciones'}}</th>
                <th scope="col" width="30%">{{'Opciones'}}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($pacientes as $paciente)
                @php($index=$loop->iteration)
                <tr>
                    <td>{{$paciente->rut."-".digito_verificador($paciente->rut)}}
                    <td>{{$paciente->nombres." ".$paciente->apellido_paterno." ".$paciente->apellido_materno}}</td>
                    <td>{{edad($paciente->fecha_nacimiento)}}</td>
                    <td>{{$paciente->nro_atenciones}}</td>
                    <td>
                        <form action="pacientes/{{$paciente->user_id}}" method="POST">
                            <input type="hidden" id="{{$index}}" value="{{$paciente->id}}" /> 
                            <a id="modal-datos{{$index}}" onclick="datos_paciente(this)" value="{{$index}}" href="#ficha{{$index}}" class='btn btn-sm btn-info' data-toggle='modal'>{{'Ficha'}}</a>
                            <a href="/pacientes/{{$paciente->user_id}}/atenciones" class="btn btn-sm btn-success">{{'Atenciones'}}</a>
                            <a id="modal-tutores{{$index}}" onclick="datos_tutores(this)" value="{{$index}}" href="#tutores{{$index}}" class='btn btn-sm btn-primary' data-toggle='modal'>{{'Tutores'}}</a>
                            <a href="/pacientes/{{$paciente->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>

<!-- Modal Datos Paciente -->

@if (isset($index))
    @for ($i=1; $i <= $index; $i++)
        <div class="modal fade" id="ficha{{$i}}" role="dialog" aria-labelledby="modal_ficha" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title color_pag" id="modal_titulo{{$i}}">
                            Ficha Paciente
                        </h5> 
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="container-fluid color_pag">
                            <div class="row">
                                <div class="col-lg-6 col-12">
                                    <label class="form-label">{{'Pasaporte'}}</label>
                                    <input type="text" id="pasaporte{{$i}}" readonly class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-6">
                                    <label class="form-label">{{'Fecha Nacimiento'}}</label>
                                    <input type="text" readonly id="fecha_nacimiento{{$i}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                                <div class="col-lg-6 col-6">
                                    <label class="form-label">{{'Nacionalidad'}}</label>
                                    <input type="text" readonly id="nacionalidad{{$i}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-6">
                                    <label class="form-label">Salud</label>
                                    <input type="text" readonly id="salud{{$i}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                                <div class="col-lg-6 col-6">
                                    <label class="form-label">Isapre</label>
                                    <input type="text" readonly id="isapre{{$i}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-6">
                                    <label class="form-label">Seguro</label>
                                    <input type="text" readonly id="seguro{{$i}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                                <div class="col-lg-6 col-6">
                                    <label class="form-label">Nro Contrato</label>
                                    <input type="text" readonly id="nro_contrato{{$i}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <!--<button type="button" class="btn btn-primary">Asignar</button>-->
                        <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>   
            </div>
        </div>
    @endfor
@endif

<!-- Modal Tutores -->

@if (isset($index))
    @for ($i=1; $i <= $index; $i++)
        <div class="modal fade" id="tutores{{$i}}" role="dialog" aria-labelledby="modal_tutores" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title color_pag" id="modal_titulo_tutores{{$i}}">
                            Tutores asociados al paciente
                        </h5> 
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-lg-6 col-12">
                                    <div class="tabbable espacio5" id="edicion">
                                        <ul class="nav nav-tabs">
                                            @for ($i=1;$i<=$index;$i++)
                                                <li class="nav-item">
                                                    @if ($i == 1)
                                                        <a class="nav-link active" href="#tutor{{$i}}" data-toggle="tab"><span id="tutor{{$i}}" class="color_pag">{{$i}}</span></a>
                                                    @else
                                                        <a class="nav-link" href="#tutor{{$i}}" data-toggle="tab"><span id="tutor{{$i}}" class="color_pag"></span>{{$i}}</a>
                                                    @endif
                                                </li>
                                            @endfor
                                        </ul>
                                        <div class="tab-content">
                                            @for ($i=1;$i<=$index;$i++)
                                                <div class="tab-pane active" id="tutor{{$i}}">
                                                    <div class="row">
                                                        <div class="col-lg-4 col-6 espacio7">
                                                            <label class="col-form-label">Rut</label>
                                                            <input id="rut{{$i}}" type="text" readonly value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                        <div class="col-lg-4 col-6 espacio7">
                                                            <label class="col-form-label">Pasaporte</label>
                                                            <input id="pasaporte{{$i}}" readonly value="" type="text" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>                              
                                                        <div class="col-md-4"></div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-4 col-12 espacio7">
                                                            <label class="form-label">Nombres</label>
                                                            <input id="nombres{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                        <div class="col-lg-4 col-6 espacio7">
                                                            <label class="form-label">Apellido Paterno</label>
                                                            <input id="apellido_paterno{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                        <div class="col-lg-4 col-6 espacio7">
                                                            <label class="form-label">Apellido Materno</label>
                                                            <input id="apellido_materno{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-4 col-6 espacio7">
                                                            <label class="col-form-label">Fecha de Nacimiento</label>
                                                            <input id="fecha_nacimiento{{$i}}" readonly value="" type="date" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                        <div class="col-lg-4 col-6 espacio13">
                                                            <label class="form-label">Nacionalidad</label>
                                                            <input id="nacionalidad{{$i}}" readonly value="" type="text" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                        <div class="col-md-4"></div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-8 col-8 espacio7">
                                                            <label class="form-label">Dirección</label>
                                                            <input id="direccion{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                        <div class="col-lg-4 col-4 espacio7">
                                                            <label class="form-label">Teléfono</label>
                                                            <input id="telefono{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-12 col-12 espacio7">
                                                            <label class="form-label">E-mail</label>
                                                            <input id="email{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-4 col-4 espacio7">
                                                            <label class="form-label">Comuna</label>
                                                            <input id="comuna{{$i}}" readonly type="text" value="" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                                        </div>
                                                    </div>                                                                                                  
                                                </div>
                                            @endfor
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <!--<button type="button" class="btn btn-primary">Asignar</button>-->
                        <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>   
            </div>
        </div>
    @endfor
@endif

@stop

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