@extends('layouts.app')

@section('styles')
<style>
   @media print {

      .oculto-impresion,
      .oculto-impresion * {
         display: none !important;
      }

      /* .scale { 
         transform: scale(0.90);
      } */
   }

   .bordes {
      border: 3px solid #0cb4bf;
   }
</style>

@endsection

@section('content')

<div class="cotainer-fluid">
   <div class="row">
      <div class="col">
         <h1 class="text-center text-uppercase ">procedimientos: {{$paciente->nombre}} <!-- Button trigger modal -->
            <button type="button" class="btn btn-primary btn-lg oculto-impresion" data-toggle="modal" data-target="#diario">
               DIARIO
            </button>
         </h1>

         <table class="table table-sm bordes scale">
            <thead class="">
               <tr class="bordes">
                  <th class="bordes">FECHA</th>
                  <th class="bordes">PIEZA</th>
                  <th class="bordes">TRATAMIENTO</th>
                  <th class="bordes">VALOR</th>
                  <th class="bordes">DOCTOR</th>
                  <th class="oculto-impresion">ACCION</th>
               </tr>
            </thead>
            <tbody class="bordes">
               @foreach ($procedimientos as $pro )
               <tr class="bordes">
                  <td class="bordes">{{$pro->fecha_realizacion}}</td>
                  <td class="bordes">{{$pro->pieza}}</td>
                  <td class="bordes">{{$pro->tratamiento}} {{$pro->descripcion}}, {{$pro->tipo}}</td>
                  <td class="bordes">Q. {{number_format($pro->valor, 2)}}</td>
                  @if ($pro->estado && $pro->fecha_realizacion)
                  <td class="bordes">{{$pro->nombre}}</td>
                  @else
                  <td class="bordes">

                  </td>
                  @endif

                  <td class="oculto-impresion ">
                     @if (!$pro->estado && !$pro->fecha_realizacion)
                     <form action="{{route('presup.setProcedimientoAndPago')}}" method="post">
                        @csrf


                        <div class="form-group oculto-impresion">
                           <select class="form-control" name="doctor_id" required>
                              <option value="">DOCTOR QUE OPERO</option>
                              @foreach ($doctores as $doc)
                              <option value="{{$doc->id}}">{{$doc->nombre}}</option>
                              @endforeach
                           </select>
                        </div>



                        <input type="hidden" value="{{$paciente->id}}" name="paciente_id">
                        <input type="hidden" value="{{$pro->trId}}" name="tratamiento_id">
                        <input type="hidden" value="{{$pro->pieza}}" name="pieza">
                        <input type="hidden" value="{{$pro->id}}" name="procedimiento_id">

                        <button type="submit" class="btn btn-primary"> <i class="fa fa-check-circle" aria-hidden="true"></i> </button>
                     </form>
                     @else
                     <form action="{{route('presup.deleteProcedimientoAndPago')}}" method="post">
                        @csrf
                        @method('DELETE')

                        <input type="hidden" value="{{$paciente->id}}" name="paciente_id">
                        <input type="hidden" value="{{$pro->trId}}" name="tratamiento_id">
                        <input type="hidden" value="{{$pro->pieza}}" name="pieza">
                        <input type="hidden" value="{{$pro->id}}" name="procedimiento_id">
                        <input type="hidden" value="{{$pro->doctorId}}" name="doctor_id">

                        <button onclick="return confirm('¿Esta Seguro de Eliminar El Pago?')" type="submit" class="btn btn-danger"> <i class="fa fa-trash" aria-hidden="true"></i> </button>
                     </form>
                     @endif
                  </td>
               </tr>


               @endforeach

            </tbody>
         </table>



         <!-- 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('diario.store')}}" method="post">
                     @csrf
                     <input type="hidden" name="paciente_id" value="{{$paciente->id}}">
                     <div class="modal-body">

                        <div class="form-group">
                           <label for="descripcion">DESCRIPCIO</label>
                           <textarea class="form-control" name="descripcion" rows="5"></textarea>
                        </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