@extends('layouts.consentimientos')

@section('styles')
<style>
   input {
      font-size: 22px;
      text-transform: uppercase;
      text-align: center;
   }
</style>
@endsection

@section('content')

<div class="contenedor">
   <div class="container-fluid">
      <div class="row">
         <div class="col">
            <p class="h3 text-center">HOJA DE NOTAS</p>
         </div>
      </div>
      <div class="row mt-5">
         <div class="col text-center">

            Nombre <input type="text" class="linea" style="width: 73%; text-transform: uppercase; text-align: center;" value="{{$paciente->nombre}}" required>

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

   <a class="btn btn-primary oculto-impresion" href="{{route('pacientes.show', $paciente->id)}}" role="button">MI PERFIL</a>

   <div class="container-fluid" style="width: 85%;margin-left: auto;margin-right: auto;">
      <div class="row">
         <div class="col">

            <!-- Button trigger modal -->
            <button type="button" class="btn btn-info my-3 oculto-impresion" data-toggle="modal" data-target="#modelId">
               AÑADIR DESCRIPCION DE TRABAJO
            </button>

            <!-- Modal -->
            <div class="modal fade" id="modelId" 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">DESCRIPCION DE TRABAJO</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                           <span aria-hidden="true">&times;</span>
                        </button>
                     </div>
                     <form action="{{route('conse.saveDietaNota')}}" method="post">
                        @csrf
                        <div class="modal-body">

                           <input type="hidden" name="paciente_id" value="{{$paciente->id}}">
                           <input type="hidden" name="notas_id" value="{{$info->id}}">

                           <input type="datetime-local" name="fecha_hora">
                        

                           <div class="form-group">
                              <label for="">DIETA</label>
                              <input type="text" class="form-control" name="dieta">

                           </div>

                           <div class="form-group">
                              <label for="descripcion">TRATAMIENTO Y EVOLUCION</label>
                              <textarea class="form-control" name="tratamiento" id="descripcion" rows="3"></textarea>
                           </div>

                        </div>
                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">CERRAR</button>
                           <button type="submit" class="btn btn-primary"> <i class="fa fa-save"></i> GUARDAR</button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>

            <table class="table table-bordered mt-5" style="font-size: 26px;">
               <thead>
                  <tr>
                     <th>FECHA Y HORA</th>
                     <th>DIETA</th>
                     <th>TRATAMIENTO Y EVOLUCIONES</th>
                  </tr>
               </thead>
               <tbody>
                  @foreach ($procedimientos as $pro )
                  <tr>
                     <td>{{$pro->fecha_hora}}</td>
                     <td>{{$pro->dieta}}</td>
                     <td>{{$pro->tratamiento}}</td>
                  </tr>
                  @endforeach
               </tbody>
            </table>


            <p class="text-center" style="margin-top: 15%">
               Firma: ___________________________________________________
            </p>

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


@endsection