@extends('layouts.consentimientos')

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

</style>
@endsection

@section('content')

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

               <p class="h3 text-center">HOJA DE TRATAMIENTO ODONTOLOGICO</p>
               <hr style="border: 2px ​solid black;">
               <div class="text-center ">
                  <img src="{{asset('assets/images/odontograma.jpg')}}" alt="" style="width: 18%;">
               </div>
               <hr style="border: 2px ​solid black;">

            </div>
         </div>
         <div class="row mt-4">
            <div class="col">
               Nombre del Paciente: <input type="text" class="linea" style="width: 55%; text-transform: uppercase; text-align: center;" value="{{$paciente->nombre}}">
               Sexo: <input type="text" class="linea" style="width: 15%; text-transform: uppercase; text-align: center;" value="{{$paciente->sexo}}">
            </div>
         </div>
         <div class="row mt-4">
            <div class="col">
               Fecha de Ingreso: <input type="date" class="linea" name="fecha_ingreso" style="width: 55%; text-transform: uppercase; text-align: center;" value="{{$info->fecha_ingreso}}" required>

               Edad: <input type="text" class="linea" style="width: 15%; text-transform: uppercase; text-align: center;" value="{{$edad}}">
            </div>
         </div>
         <div class="row mt-4">
            <div class="col">
               No. De Afiliacion: <input type="text" class="linea" style="width: 36%; text-transform: uppercase; text-align: center;" value="{{$paciente->nafiliacion}}" required>

               Unidad Medica que Remite: <input type="text" class="linea" style="width: 21%; text-transform: uppercase; text-align: center;" value="{{$paciente->nafiliacion}}">
            </div>
         </div>
      </div>
      <button type="submit" class="btn btn-success oculto-impresion">GUARDAR</button>
      <a href="{{route('pacientes.show', $paciente->id)}}" class="btn btn-primary oculto-impresion">MI PERFIL</a>
   </form>

   <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.saveDescripcionOdonto')}}" method="post">
                        @csrf
                        <div class="modal-body">

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

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

                           <div class="form-group">
                              <label for="">Fecha</label>
                              <input type="date" class="form-control" name="fecha">

                           </div>

                           <div class="form-group">
                              <label for="descripcion">DESCRIPCION DE TRABAJO</label>
                              <textarea class="form-control" name="descripcion" 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</th>
                     <th>PIEZA</th>
                     <th>DESCRIPCION DEL TRABAJO</th>
                  </tr>
               </thead>
               <tbody>
                  @foreach ($procedimientos as $pro )
                  <tr>
                     <td>{{$pro->fecha}}</td>
                     <td>{{$pro->pieza}}</td>
                     <td>{{$pro->descripcion}}</td>
                  </tr>
                  @endforeach
               </tbody>
            </table>


            <p class="text-center" style="margin-top: 15%; font-size: 26px;">
               Firma: ___________________________________________________
            </p>

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


@endsection