@extends('layouts.master')

@section('title')
{{ $patient->name }}
@endsection

@section('content')

<div class="row justify-content-center">
  <div class="col">
    <div class="card shadow mb-4">
      <!-- Datos de persona y seccion de iconos-->
      <div class="container-fluid mt-4 mb-4">
        <div class="row">
          <div class="col-md-2 d-flex align-items-center">
            <img src="https://buybootstrap.com/demos/medflex/medflex-admin-dashboard/assets/images/user3.png"
              class="img-fluid rounded-2" alt="Medical Dashboard">
          </div>
          <div class="col-md-3">
            <h5 class="text-center  text-primary">{{ __('sentence.personal information') }}</h5>
            <hr>
            {{ __('sentence.patientName') }} : {{ ucwords(strtolower($patient->name)) }} </br>
            {{ __('sentence.Birthday') }} :
            {{ \Carbon\Carbon::parse($patient->Patient->birthday)->translatedFormat('j \d\e F \d\e Y') }} </br>
            {{ __('sentence.Age') }}: {{ \Carbon\Carbon::parse($patient->Patient->birthday)->age }}
            {{ __('sentence.Years') }} </br>
            {{ __('sentence.Phone') }} : <a href="https://wa.me/502{{ $patient->Patient->phone }}"
              target="_blank">{{ $patient->Patient->phone }}</a> </br>
            {{ __('sentence.patientMail') }} : <a
              href="https://mail.google.com/mail/?view=cm&fs=1&to={{ $patient->email }}"
              target="_blank">{{ $patient->email }}</a> </br>
            {{ __('sentence.Address') }} :</b> {{ $patient->Patient->adress }}</br>
          </div>
          <div class="col-md-7">
            <h5 class="text-center text-primary">{{ __('sentence.medical record') }}</h5>
            <hr>
            <div class="row bb-1 pb-10">
              <div class="col-md-3 col-sm-6 d-flex align-items-center">
                <img class="img-fluid" src="{{ asset('img/weight.png') }}" alt=""
                  style="width: 30px; margin-right: 20px;">
                <div>
                  <p class="mb-0"><small>{{ __('sentence.Weight') }}</small></p>
                  <h6 class="mb-0"><strong>{{ $patient->Patient->weight }} lbs</strong></h6>
                </div>
              </div>
              <div class="col-md-3 col-sm-6 d-flex align-items-center">
                <img class="img-fluid" src="{{ asset('img/human.png') }}" alt=""
                  style="width: 30px; margin-right: 20px;">
                <div>
                  <p class="mb-0"><small>{{ __('sentence.Patient Height') }} </small></p>
                  <h6 class="mb-0"><strong>{{ $patient->Patient->height }}</strong></h6>
                </div>
              </div>
              <div class="col-md-3 col-sm-6 d-flex align-items-center">
                <img class="img-fluid" src="{{ asset('img/bmi.png') }}" alt="" style="width: 30px; margin-right: 20px;">
                <div>
                  <p class="mb-0"><small>{{ __('sentence.BMI') }} </small></p>
                  <h6 class="mb-0"><strong>{{ $patient->Patient->imc }}</strong></h6>
                </div>
              </div>
              <div class="col-md-3  col-sm-6 d-flex align-items-center">
                <img class="img-fluid" src="{{ asset('img/sangre.png') }}" alt=""
                  style="width: 30px; margin-right: 20px;">
                <div>
                  <p class="mb-0"><small>{{ __('sentence.Blood Group') }} </small></p>
                  <h6 class="mb-0"><strong>{{ $patient->Patient->blood }}</strong></h6>
                </div>
              </div>
              <div class="col-md-3  col-sm-6 d-flex align-items-center mt-4">
                <img class="img-fluid" src="{{ asset('img/generos.png') }}" alt=""
                  style="width: 30px; margin-right: 20px;">
                <div>
                  <p class="mb-0"><small>{{ __('sentence.Gender') }} </small></p>
                  <h6 class="mb-0"><strong>{{ __('sentence.' . $patient->Patient->gender) }}</strong></h6>
                </div>
              </div>
              <div class="col-md-3  col-sm-6 d-flex align-items-center mt-4">
                <img class="img-fluid" src="{{ asset('img/fumador.png') }}" alt=""
                  style="width: 30px; margin-right: 20px;">
                <div>
                  <p class="mb-0"><small>{{ __('sentence.Smoker') }} </small></p>
                  <h6 class="mb-0"><strong>Si</strong></h6>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Seccion de tabs-->
      <div class="mt-4">
        <div class="container-fluid">
          <!-- Row starts -->
          <div class="row gx-3">
            <div class="col-xl-12">
              <!-- Custom tabs starts -->
              <div class="custom-tabs-container">
                <!-- Nav tabs starts -->
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item" role="presentation">
                    <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                      aria-controls="Profile" aria-selected="true">{{ __('sentence.clinical history') }}
                    </a>
                  </li>
                  <li class="nav-item" role="presentation">
                    <a class="nav-link" id="documents-tab" data-toggle="tab" href="#documents" role="tab"
                      aria-controls="documents" aria-selected="false">{{ __('sentence.medical files') }}
                    </a>
                  </li>
                  <li class="nav-item" role="presentation">
                    <a class="nav-link" id="appointements-tab" data-toggle="tab" href="#appointements" role="tab"
                      aria-controls="appointements" aria-selected="false">{{ __('sentence.appointments') }}
                    </a>
                  </li>
                  <li class="nav-item" role="presentation">
                    <a class="nav-link" id="prescriptions-tab" data-toggle="tab" href="#prescriptions" role="tab"
                      aria-controls="prescriptions" aria-selected="false">{{ __('sentence.prescriptions') }}
                    </a>
                  </li>

                 <!-- <li class="nav-item" role="presentation">
                    <a class="nav-link" id="Billing-tab" data-toggle="tab" href="#Billing" role="tab"
                      aria-controls="Billing" aria-selected="false">{{ __('sentence.billing history') }}
                    </a>
                  </li>-->
                </ul>
                <!-- Seccion de contenidos de tabs-->
                <div class="card-body">
                  <div class="row">
                    <div class="col-12">
                      <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="profile" role="tabpanel"
                          aria-labelledby="profile-tab">
                          <div class="row">
                            <div class="col">
                              <button type="button" class="btn btn-primary btn-sm my-4 float-right" data-toggle="modal"
                                data-target="#MedicalHistoryModel"><i class="fa fa-plus"></i> Agreagar nuevo</button>
                            </div>
                          </div>
                          @forelse($historys as $history)
                            <div class="alert alert-warning">
                              <p class="text-danger font-size-12">{!! clean($history->title) !!} -
                                {{ $history->created_at }}<span class="float-right"><i class="fa fa-trash"
                                  data-toggle="modal" data-target="#DeleteModal"
                                  data-link="{{ url('history/delete/' . $history->id) }}"></i></span>
                              </p>
                                  {!!  clean($history->note) !!}
                            </div>
                          @empty
                            <center><img src="{{ asset('img/not-found.svg') }}" width="200" /> <br><br> <b
                              class="text-muted">No hay historial clínico</b></center>
                          @endforelse
                          <div class="col-md-12 mt-4">
                            @if(!empty($patient->Patient->alergias))
                              <strong>{{ __('sentence.allergies') }}</strong><br>
                              {!! $patient->Patient->alergias !!}
                            @endif
                            @if(!empty($patient->Patient->cirugias))
                              <strong>{{ __('sentence.surgery history') }}</strong>
                              {!! $patient->Patient->cirugias !!}
                            @endif
                            @if(!empty($patient->Patient->apf))
                              <strong>{{ __('sentence.Chronic diseases') }}</strong>
                              {!! $patient->Patient->apf !!}
                            @endif
                          </div>
                        </div>
                        <div class="tab-pane fade" id="appointements" role="tabpanel"
                          aria-labelledby="appointements-tab">
                          <div class="row">
                            <div class="col">
                              <!--<button type="button" class="btn btn-primary btn-sm my-4 float-right" data-toggle="modal" data-target="#EDITRDVModal"><i class="fa fa-plus"></i> {{ __('sentence.New Appointment') }}</button>-->
                            </div>
                          </div>
                          <table class="table">
                            <tr>
                              <td align="center">Id</td>
                              <td align="center">{{ __('sentence.Date') }}</td>
                              <td align="center">{{ __('sentence.Time Slot') }}</td>
                              <td align="center">{{ __('sentence.Status') }}</td>
                              <td align="center">{{ __('sentence.Actions') }}</td>
                            </tr>
                            @forelse($appointments as $appointment)
                            <tr>
                              <td align="center">{{ $appointment->id }} </td>
                              <td align="center"><label class="badge badge-primary-soft"><i class="fas fa-calendar"></i>
                                {{ $appointment->date->format('d M Y') }} </label></td>
                              <td align="center"><label class="badge badge-primary-soft"><i class="fa fa-clock"></i>
                                {{ $appointment->time_start }} - {{ $appointment->time_end }} </label></td>
                              <td class="text-center">
                              @if($appointment->visited == 0)
                                <label class="badge badge-warning-soft">
                                <i class="fas fa-hourglass-start"></i> {{ __('sentence.Not Yet Visited') }}
                                </label>
                              @elseif($appointment->visited == 1)
                                <label class="badge badge-success-soft">
                                  <i class="fas fa-check"></i> {{ __('sentence.Visited') }}
                                </label>
                              @else
                                <label class="badge badge-danger-soft">
                                  <i class="fas fa-user-times"></i> {{ __('sentence.Cancelled') }}
                                </label>
                              @endif
                              </td>
                              <td align="center">
                              <a data-rdv_id="{{ $appointment->id }}"
                                data-rdv_date="{{ $appointment->date->format('d M Y') }}"
                                data-rdv_time_start="{{ $appointment->time_start }}"
                                data-rdv_time_end="{{ $appointment->time_end }}"
                                data-patient_name="{{ $appointment->User->name }}"
                                class="btn btn-outline-success btn-circle btn-sm" data-toggle="modal"
                                data-target="#EDITRDVModal"><i class="fas fa-check"></i></a>
                              <a href="{{ url('appointment/delete/' . $appointment->id) }}"
                                class="btn btn-outline-danger btn-circle btn-sm"><i class="fas fa-trash"></i></a>
                              </td>
                            </tr>
                            @empty
                            <tr>
                              <td colspan="5" align="center"><img src="{{ asset('img/not-found.svg') }}" width="200" />
                              <br><br> <b class="text-muted">No hay citas</b>
                              </td>
                            </tr>
                            @endforelse
                          </table>
                        </div>
                        <div class="tab-pane fade" id="prescriptions" role="tabpanel"
                          aria-labelledby="prescriptions-tab">
                          <div class="row">
                            <!--<div class="col">
                                <button type="button" class="btn btn-primary btn-sm my-4 float-right" data-toggle="modal" data-target="#NewDocumentModel"><i class="fa fa-pen"></i> Crear nueva receta</button>
                            </div>-->
                          </div>
                          <table class="table">
                            <tr>
                              <td align="center">{{ __('sentence.Reference') }}</td>
                              <td class="text-center">{{ __('sentence.Content') }}</td>
                              <td align="center">{{ __('sentence.Created at') }}</td>
                              <td align="center">{{ __('sentence.Actions') }}</td>
                            </tr>
                            @forelse($prescriptions as $prescription)
                            <tr>
                              <td align="center">{{ $prescription->reference }} </td>
                              <td class="text-center">
                                <label class="badge badge-primary-soft">
                                {{ count($prescription->Drug) }} Medicamento(s)
                                </label>
                                <label class="badge badge-primary-soft">
                                {{ count($prescription->Test) }} Diagnóstico(s)
                                </label>
                              </td>
                              <td align="center">
                                <label class="badge badge-primary-soft">{{ $prescription->created_at }}</label></td>
                              <td align="center">
                                <!--<a href="{{ url('prescription/view/'.$prescription->id) }}" class="btn btn-outline-success btn-circle btn-sm"><i class="fa fa-eye"></i></a>-->
                                <a href="{{ url('prescription/pdf/' . $prescription->id) }}"
                                  class="btn btn-outline-primary btn-circle btn-sm"><i class="fas fa-print"></i></a>
                                <!--<a href="{{ url('prescription/edit/'.$prescription->id) }}" class="btn btn-outline-warning btn-circle btn-sm"><i class="fas fa-pen"></i></a>-->
                                <a href="{{ url('prescription/delete/' . $prescription->id) }}"
                                  class="btn btn-outline-danger btn-circle btn-sm"><i class="fas fa-trash"></i></a>
                              </td>
                            </tr>
                            @empty
                              <tr>
                                <td colspan="4" align="center"> <img src="{{ asset('img/not-found.svg') }}" width="200" />
                                <br><br> <b class="text-muted"> No hay recetas</b>
                                </td>
                              </tr>
                            @endforelse
                          </table>
                        </div>
                        <div class="tab-pane fade" id="documents" role="tabpanel" aria-labelledby="documents-tab">
                          <div class="row">
                            <div class="col">
                              <button type="button" class="btn btn-primary btn-sm my-4 float-right" data-toggle="modal"
                                data-target="#NewDocumentModel"><i class="fa fa-plus"></i> Agregar nuevo</button>
                            </div>
                          </div>
                          <div class="row">
                            @forelse($documents as $document)
                              <div class="col-6 col-sm-4 col-md-4 col-lg-2">
                                <div class="card">
                                  @if($document->document_type != "pdf")
                                    <a class="example-image-link" href="{{ url('/uploads/' . $document->file) }}"
                                      data-lightbox="example-1">
                                      <img src="{{ url('/uploads/' . $document->file) }}" class="card-img-top img-fluid" style="max-height: 150px; max-width: 150px;">
                                    </a>
                                  @else
                                    <img src="{{ asset('img/pdf.jpg') }}" class="card-img-top img-fluid" style="max-height: 150px;max-width: 150px;" >
                                  @endif
                                  <div class="card-body">
                                    <h5 class="card-title">{{ $document->title }}</h5>
                                    <p class="font-size-12">{{ $document->note }}</p>
                                    <p class="font-size-11"><label
                                      class="badge badge-primary-soft">{{ $document->created_at }}</label></p>
                                    <a href="{{ url('/uploads/' . $document->file) }}" class="btn btn-primary btn-sm"
                                    download><i class="fa fa-cloud-download-alt"></i> Descargar</a>
                                    <a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#DeleteModal"
                                    data-link="{{ url('document/delete/' . $document->id) }}"><i
                                      class="fa fa-trash"></i></a>
                                  </div>
                                </div>
                              </div>
                            @empty
                            <div class="col text-center">
                              <img src="{{ asset('img/not-found.svg') }}" width="200" /> <br><br> <b
                              class="text-muted">No hay documentos</b>
                            </div>
                            @endforelse
                          </div>
                        </div>
                        <div class="tab-pane fade" id="Billing" role="tabpanel" aria-labelledby="Billing-tab">
                          <div class="row mt-4">
                            <div class="col-lg-4 mb-4">
                              <div class="card bg-primary text-white shadow">
                                <div class="card-body">Total con IVA
                                  <div class="text-white small">{{ App\Setting::get_option('currency') }}
                                    {{ Collect($invoices)->sum('total_with_tax') }}
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="col-lg-4 mb-4">
                              <div class="card bg-success text-white shadow">
                                <div class="card-body">Pagado
                                  <div class="text-white small">{{ App\Setting::get_option('currency') }}
                                    {{ Collect($invoices)->sum('deposited_amount') }}
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="col-lg-4 mb-4">
                              <div class="card bg-danger text-white shadow">
                                <div class="card-body">Deuda
                                  <div class="text-white small">{{ App\Setting::get_option('currency') }}
                                    {{ Collect($invoices)->where('payment_status', 'Partially Paid')->sum('due_amount') }}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col">
                              <a type="button" class="btn btn-primary btn-sm my-4 float-right"
                                href="{{ route('billing.create') }}"><i class="fa fa-plus"></i>
                                {{ __('sentence.Create Invoice') }}</a>
                            </div>
                          </div>
                          <table class="table">
                            <tr>
                              <th>{{ __('sentence.Invoice') }}</th>
                              <th>{{ __('sentence.Date') }}</th>
                              <th>{{ __('sentence.Amount') }}</th>
                              <th>{{ __('sentence.Status') }}</th>
                              <th>{{ __('sentence.Actions') }}</th>
                            </tr>
                            @forelse($invoices as $invoice)
                            <tr>
                              <td><a href="{{ url('billing/view/' . $invoice->id) }}">{{ $invoice->reference }}</a></td>
                              <td><label
                                class="badge badge-primary-soft">{{ $invoice->created_at->format('d M Y') }}</label>
                              </td>
                              <td>{{ App\Setting::get_option('currency') }} {{ $invoice->total_with_tax }}
                                @if($invoice->payment_status == 'Unpaid' or $invoice->payment_status == 'Partially Paid')
                                  <label class="badge badge-danger-soft">{{ App\Setting::get_option('currency') }}
                                  {{ $invoice->due_amount }}</label>
                                @endif
                              </td>
                              <td>
                              @if($invoice->payment_status == 'Unpaid')
                                <label class="badge badge-danger-soft">
                                <i class="fas fa-hourglass-start"></i>
                                {{ __('sentence.Unpaid') }}
                                </label>
                              @elseif($invoice->payment_status == 'Paid')
                                <label class="badge badge-success-soft">
                                  <i class="fas fa-check"></i> {{ __('sentence.Paid') }}
                                </label>
                              @else
                              <label class="badge badge-warning-soft">
                              <i class="fas fa-user-times"></i>
                              {{ __('sentence.Partially Paid') }}
                              </label>
                              @endif
                              </td>
                              <td>
                                <a href="{{ url('billing/view/' . $invoice->id) }}"
                                  class="btn btn-outline-success btn-circle btn-sm"><i class="fa fa-eye"></i></a>
                                <a href="{{ url('billing/pdf/' . $invoice->id) }}"
                                  class="btn btn-outline-primary btn-circle btn-sm"><i class="fas fa-print"></i></a>
                                <a href="{{ url('billing/edit/' . $invoice->id) }}"
                                  class="btn btn-outline-warning btn-circle btn-sm"><i class="fas fa-pen"></i></a>
                                <a href="{{ url('billing/delete/' . $invoice->id) }}"
                                  class="btn btn-outline-danger btn-circle btn-sm"><i class="fas fa-trash"></i></a>
                              </td>
                            </tr>
                            @empty
                              <tr>
                              </tr>
                              <td colspan="6" align="center"><img src="{{ asset('img/not-found.svg') }}" width="200" />
                                <br><br> <b class="text-muted">No hay facturas</b>
                              </td>
                            @endforelse
                          </table>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
                <!-- Tab content ends -->
              </div>

            </div>
          </div>
          <!-- Row ends -->
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Appointment Modal-->
<div class="modal fade" id="EDITRDVModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">{{ __('sentence.You are about to modify an appointment') }}</h5>
        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <p><b>{{ __('sentence.Patient') }} :</b> <span id="patient_name"></span></p>
        <p><b>{{ __('sentence.Date') }} :</b> <label class="badge badge-primary-soft" id="rdv_date"></label></p>
        <p><b>{{ __('sentence.Time Slot') }} :</b> <label class="badge badge-primary-soft" id="rdv_time"></span></label>
      </div>
      <div class="modal-footer">
        <button class="btn btn-secondary" type="button" data-dismiss="modal">{{ __('sentence.Close') }}</button>
        <a class="btn btn-primary text-white"
          onclick="event.preventDefault(); document.getElementById('rdv-form-confirm').submit();">{{ __('sentence.Confirm Appointment') }}</a>
        <form id="rdv-form-confirm" action="{{ route('appointment.store_edit') }}" method="POST" class="d-none">
          <input type="hidden" name="rdv_id" id="rdv_id">
          <input type="hidden" name="rdv_status" value="1">
          @csrf
        </form>
        <a class="btn btn-danger text-white"
          onclick="event.preventDefault(); document.getElementById('rdv-form-cancel').submit();">{{ __('sentence.Cancel Appointment') }}</a>
        <form id="rdv-form-cancel" action="{{ route('appointment.store_edit') }}" method="POST" class="d-none">
          <input type="hidden" name="rdv_id" id="rdv_id2">
          <input type="hidden" name="rdv_status" value="2">
          @csrf
        </form>
      </div>
    </div>
  </div>
</div>

<!--Document Modal -->
<div id="NewDocumentModel" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Agregar archivo / nota</h5>
        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <form method="post" action="{{ route('document.store') }}" enctype="multipart/form-data">
        <div class="modal-body">
          <div class="row">
            <div class="col">
              <input type="text" class="form-control" name="title" placeholder="T&iacute;tulo" required>
              <input type="hidden" name="patient_id" value="{{ $patient->id }}">
              {{ csrf_field() }}
            </div>
            <div class="col">
              <input type="file" class="form-control-file" name="file" id="exampleFormControlFile1" required>
            </div>
          </div>
          <div class="row mt-2">
            <div class="col">
              <textarea class="form-control" name="note" placeholder="Nota"></textarea>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-secondary" type="button" data-dismiss="modal">{{ __('sentence.Close') }}</button>
          <button class="btn btn-primary text-white" type="submit">{{ __('sentence.Save') }}</button>
      </form>
    </div>
  </div>
</div>
</div>

<!--Document Modal -->
<div id="MedicalHistoryModel" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Nueva informaci&oacute;n</h5>
        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <form method="post" action="{{ route('history.store') }}" enctype="multipart/form-data">
        <div class="modal-body">
          <div class="row">
            <div class="col">
              <input type="text" class="form-control" name="title" placeholder="T&iacute;tulo" required>
              <input type="hidden" name="patient_id" value="{{ $patient->id }}">
              {{ csrf_field() }}
            </div>
          </div>
          <div class="row mt-2">
            <div class="col">
              <textarea class="form-control" name="note" placeholder="Nota" required></textarea>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-secondary" type="button" data-dismiss="modal">{{ __('sentence.Close') }}</button>
          <button class="btn btn-primary text-white" type="submit">{{ __('sentence.Save') }}</button>
      </form>
    </div>
  </div>
</div>
</div>
@endsection

@section('header')
<link rel="stylesheet" href="{{ asset('dashboard/css/lightbox.css') }}" />
@endsection
@section('footer')
<script type="text/javascript" src="{{ asset('dashboard/js/lightbox.js') }}"></script>
@endsection