@extends('layouts.admin')

@section('styles')

<link rel="stylesheet" href="{{asset('plugins/galeria/galeria.css')}}">
<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
<link rel="stylesheet" href="{{ asset('plugins/slim-select/slimselect.min.css') }}">



<style>
   .input-group-text {
      background-color: white;
      border: none;
   }

   .actualizar {
      color: #64b96b;
   }
</style>
@endsection

@section('content')

<div class="row">

   <!-- Data De Paciente-->
   @include('admin.pacientes.data.datashow')
   <!-- end Data de Paciente -->
   <!-- Column -->
   <div class="col-lg-8 col-xlg-9 col-md-7">
      <div class="card">
         <div class="card-body">

            <form action="{{route('pacientes.update',  $paciente->id)}}" method="post">
               @csrf
               @method('PUT')

               <div class="form-group">
                  <label for="">OBSERVACION</label>
                  <textarea class="form-control" name="observacion_gen" rows="5">{{$paciente->observacion_gen}}</textarea>
               </div>

               <button type="submit" class="btn btn-primary">GUARADAR</button>

            </form>

            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">

               <li class="nav-item">
                  <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">INGRESO DE PRESUPUESTO</a>
               </li>

               <li class="nav-item">
                  <a class="nav-link" id="pills-operacion-tab" data-toggle="pill" href="#pills-operacion" role="tab" aria-controls="pills-operacion" aria-selected="false">OPERACIONES</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" id="pills-igss-tab" data-toggle="pill" href="#pills-igss" role="tab" aria-controls="pills-igss" aria-selected="false">CONS. IGSS</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" id="pills-privado-tab" data-toggle="pill" href="#pills-privado" role="tab" aria-controls="pills-privado" aria-selected="false">CONS. PRIVADO</a>
               </li>
            </ul>
            <div class="tab-content" id="pills-tabContent">


               <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                  @include('admin.pacientes.forms.presupuesto')
               </div>



               <div class="tab-pane fade" id="pills-operacion" role="tabpanel" aria-labelledby="pills-operacion-tab">
                  @include('admin.pacientes.data.operaciones')
               </div>

               <div class="tab-pane fade" id="pills-igss" role="tabpanel" aria-labelledby="pills-igss-tab">
                  @include('admin.pacientes.data.consentimientos')
               </div>

               <div class="tab-pane fade" id="pills-privado" role="tabpanel" aria-labelledby="pills-privado-tab">
                  @include('admin.pacientes.data.privados')
               </div>

            </div>

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

@section('scripts')
<script src="{{asset('plugins/galeria/galeria.js')}}"></script>
<script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
@include('admin.pacientes.data.addPresupuesto')




@endsection