@extends('layouts.doctor')
@section('styles')
<link rel="stylesheet" href="{{ asset('plugins/slim-select/slimselect.min.css') }}">

<link rel="stylesheet" href="{{ asset('plugins/datatable/css/dataTables.bootstrap4.min.css') }}">
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.11.1/dist/sweetalert2.min.css" rel="stylesheet">

@endsection

@section('content')
<section>
    <div class="container mt-2">
        <div class="row">
            <div class="col-md-3"></div>

            <!--Profile Card 3-->
            <div class="col-md-6">
                <div class="card">
                    <img class="card-img-top rounded-circle mx-auto d-block mt-3" src="{{ $paciente->avatar ?? asset('images/default-avatar.png') }}" alt="Avatar" style="width: 150px; height: 150px; object-fit: cover;">
                    <div class="card-body">
                        <h4 class="card-title">{{ $paciente->nombre}}</h4>
                        <p class="card-text">{{$paciente->telefono}}</p>
                    </div>
                </div>

            </div>



        </div>
    </div>
</section>

<div class="box mt-3">
    <div class="container-fluid">
        <div class="row">

            @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif


            <div class="col-md-12">
                <div class="card">
                    <div class="card-body table-responsive">

                        <p class="text-center">TRATAMIENTOS A REALIZAR <button type="button" class="btn btn-primary oculto-impresion" data-toggle="modal" data-target="#diario">
                                DIARIO
                            </button> </p>

                        <table class="table" id="table_id">

                            <tbody>
                                @foreach ($procedimientos as $p)
                                <form action="{{ route('doc.paciente-setPagosHistorialAndMore') }}" method="post">
                                    @csrf
                                    <input type="text" name="paciente_id" value="{{ $paciente->id }}" hidden>
                                    <input type="text" name="procedimiento_id" value="{{ $p->id }}" hidden>
                                    <input type="text" name="doctor_id" value="{{ session()->get('doctor')['id'] }}" hidden>

                                    <tr>
                                        <td> {{ $p->tratamiento->nombre }} {{ $p->tratamiento->descripcion }}, PZ: {{ $p->pieza }} <span class="d-none">, Q. {{ number_format($p->valor, 2) }}</span> <br>
                                            <div class="form-group">
                                                <select name="asistente" id="" class="form-control" required>
                                                    <option value="">SELECCIONE ASISTENTE</option>
                                                    @foreach ($users as $a)
                                                    <option value="{{ $a->name }}">
                                                        {{ $a->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                        </td>
                                        <td>
                                            <textarea class="form-control" name="recomendacion" placeholder="Observaciones">{{ old('recomendacion') }}</textarea>
                                        </td>
                                        <td class="d-none">
                                            <textarea class="form-control" name="descripcion" placeholder="Esta Cita"></textarea>
                                        </td>
                                        <td class="d-none">
                                            <textarea class="form-control" name="proxima" placeholder="Proxima Cita"></textarea>
                                        </td>
                                        <td>
                                            <button type="submit" class="btn btn-primary btn-block mt-3" onclick="return confirm('¿Desea registrar?')"><i class="fa fa-check" aria-hidden="true"></i></button>

                                        </td>

                                    </tr>
                                </form>
                                @endforeach

                            </tbody>
                        </table>


                    </div>
                </div>

            </div>

            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Realizado por: {{ session()->get('doctor')['nombre'] }}</h4>

                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Tratamiento</th>
                                    <th>Fecha</th>
                                    <th>Recomendación</th>
                                    <th>Diario</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($procedimientos_doc as $p)
                                <tr>
                                    <td>{{$p->tratamiento->nombre}} {{$p->tratamiento->descripcion}} , {{$p->tratamiento->tipo}}</td>
                                    <td>{{$p->fecha}}</td>
                                    <td>{{$p->recomendacion}}</td>

                                    <td>




                                        <p>
                                            <a class="btn btn-primary" data-toggle="collapse" href="#contentId{{$p->id}}" aria-expanded="false" aria-controls="contentId{{$p->id}}">
                                                Diario {{$p->fecha}}
                                            </a>
                                        </p>
                                        <div class="collapse" id="contentId{{$p->id}}">
                                            @foreach (getDairioToFecha($p->paciente_id,$p->fecha) as $diario )
                                            <p><b>Descripción:</b> {{$diario->descripcion}}</p>
                                            <p><b>Proxima:</b> {{$diario->proxima}}</p>
                                            <hr>

                                            @endforeach
                                        </div>



                                    </td>


                                </tr>
                                @endforeach

                            </tbody>
                        </table>

                    </div>
                </div>

            </div>


            <!-- Modal -->
            <div class="modal fade" id="diario" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">DATOS DE DIARIO</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

                        <!-- <a target="_blank" class="btn btn-primary" href="{{route('diario.index', ['id' => $paciente->id])}}"> IR A DIARIO</a> -->

                        <form action="{{route('doc.diario-store')}}" method="post">
                            @csrf
                            <input type="hidden" name="paciente_id" value="{{$paciente->id}}">
                            <div class="modal-body">

                                <div class="form-group">
                                    <label for="exampleInputEmail1">DOCTOR </label>
                                    <input type="text" name="doctor" class="form-control" value="{{session()->get('doctor')['nombre']}}" readonly>
                                </div>


                                <div class="form-group">
                                    <label for="descripcion">ESTA CITA:</label>
                                    <textarea class="form-control" name="descripcion" rows="5"></textarea>
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputtext1">PIEZA</label>
                                    <input type="text" class="form-control" name="piezas">
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputtext1">PROXIMA CITA</label>
                                    <input type="text" class="form-control" name="proxima">
                                </div>



                            </div>
                            <div class="modal-footer">

                                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> GUARDAR</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>


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


@section('scripts')
<script src="{{ asset('plugins/slim-select/slimselect.min.js') }}"></script>
@section('scripts')
<!-- <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> -->
<script src="{{ asset('plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatable/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.11.1/dist/sweetalert2.all.min.js"></script>
<script>
    $(document).ready(function() {
        $('#tabla').DataTable({
            "language": {
                'info': '_TOTAL_ REGISTROS',
                'search': 'BUSCAR',
                'paginate': {
                    'next': 'SIGUIENTE',
                    'previous': 'ATRAS'
                },
                'loadingRecords': 'CARGANDO',
                'emptyTable': 'NO EXISTEN DATOS',
                'zeroRecords': 'NO EXISTEN DATOS IGUALES'
            }
        });
    });
</script>

<script>
    setTimeout(function() {
        new SlimSelect({
            select: '#tratamiento_id',
            placeholder: 'SELECCIONE SU TRATAMIENTO',
            deselectLabel: '<span>&times;</span>',
            hideSelectedOption: true,
        })
    }, 300);
    setTimeout(function() {
        new SlimSelect({
            select: '#asistente',
            placeholder: 'SELECCIONE SU TRATAMIENTO',
            deselectLabel: '<span>&times;</span>',
            hideSelectedOption: true,
        })
    }, 300);
</script>
@endsection