@extends('layouts.consentimientos')

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

@section('content')

<div class="container-fluid" style="font-size: 24px">
   <form action="{{route('conse.updateEvolucion', ['id' => $info->id])}}" method="post">
      @csrf
      @method('PUT')
      <div class="row">

         <div class="col">
            NOMBRE: <input type="text" class="linea" style="width: 60%; text-transform: uppercase; text-align: center;" value="{{$paciente->nombre}}">

            EDAD: <input type="text" class="linea" style="width: 20%; text-transform: uppercase; text-align: center;" value="{{$edad}}">
         </div>
      </div>

      <div class="row">
         <div class="col">
            AFILIACION: <input type="text" class="linea" style="width: 18%; text-transform: uppercase; text-align: center;" value="{{$paciente->nafiliacion}}">

            TELEFONO: <input type="text" class="linea" style="width: 10%; text-transform: uppercase; text-align: center;" value="{{$paciente->t_celular}}">

            DIRECCION: <input type="text" class="linea" style="width: 32%; text-transform: uppercase; text-align: center; font-size: 18px" value="{{$paciente->direccion}}">
         </div>
      </div>

      <div class="row">
         <div class="col">
            ECHA DE INICIO: <input type="date" class="linea" name="fecha_inicio" style="width: 26%; text-transform: uppercase; text-align: center;" value="{{$info->fecha_inicio}}">

            FECHA DE TERMINACION: <input type="date" class="linea" name="fecha_fin" style="width: 26%; text-transform: uppercase; text-align: center;" value="{{$info->fecha_fin}}">
         </div>
      </div>
      <button type="submit" class="btn btn-primary oculto-impresion">GUARDAR</button>
   </form>

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


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

   <!-- Modal -->
   <div class="modal fade oculto-impresion" 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 text-center">DATOS DE EVOLUCION</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <form action="{{route('conse.evolucionadd')}}" method="post">
               @csrf
               <div class="modal-body">
                  <input type="hidden" name="evolucion_id" value="{{$info->id}}">
                  <input type="hidden" name="paciente_id" value="{{$paciente->id}}">

                  <div class="form-group">
                     <label for="">TRATAMIENTO</label>
                     <select class="form-control" name="tratamiento_id">
                        @foreach ($tratamientos as $tratamient)
                        <option value="{{$tratamient->id}}">{{$tratamient->nombre}}, {{$tratamient->tipo}}</option>
                        @endforeach
                     </select>
                  </div>

                  <div class="form-group">
                     <label for="">PIEZA</label>
                     <select class="form-control" name="pieza">
                        @include('admin.pacientes.data.piezas')
                     </select>
                  </div>

               </div>
               <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">CERAR</button>
                  <button type="submit" class="btn btn-primary">AÑADIR</button>
               </div>
            </form>
         </div>
      </div>
   </div>


   <div class="row mt-3">
      <div class="col">

         <p class="h1 text-center">EVOLUCION</p>


         <table class="table table-bordered" style="width: 90%;font-size: 26px;">
            <thead>
               <tr>
                  <th style="width: 17%;">FECHA</th>
                  <th style="width: 8%;">PIEZA</th>
                  <th>PROCEDIMIENTO</th>
                  <th>FIRMA</th>
               </tr>
            </thead>
            <tbody>

               @foreach ($procedimientos as $pro)
               <tr>
                  <td>{{$pro->created_at}}</td>
                  <td>{{$pro->pieza}}</td>
                  <td>{{$pro->nombre}} / {{$pro->descripcion}}</td>
                  <td></td>
               </tr>
               @endforeach
            </tbody>
         </table>


      </div>
   </div>

   <div class="row">
      <div class="col">
         <p class="text-center" style="margin-top: 85px;">
            ________________________________________________ <br>
            Dr. RODOLFO RAMOS <br>
            FIRMA Y SELLO
         </p>
      </div>
   </div>

</div>

@endsection