@extends('layouts.master')

@section('title')
{{ __('sentence.All Patients') }}
@endsection

@section('content')
<div class="card shadow mb-4">
  <div class="card-header py-3">
    <div class="row">
      <div class="col-8">
        <h6 class="m-0 font-weight-bold text-primary w-75 p-2">{{ __('sentence.All Patients') }} </h6>
      </div>
      <div class="col-4">
        <a href="{{ route('patient.create') }}" class="btn btn-primary btn-sm float-right "><i class="fa fa-plus"></i>
          {{ __('sentence.New Patient') }}</a>
      </div>
    </div>
  </div>
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
        <thead>
          <tr>

            <th>{{ __('sentence.patient') }} </th>

            <th class="text-center">{{ __('sentence.medical record') }}</th>
            <th class="text-center">{{ __('sentence.allergies') }}</th>
            <th class="text-center">{{ __('sentence.surgery history') }}</th>
            <!-- <th class="text-center">{{ __('sentence.Medical history') }}</th>   -->
            <th class="text-center">{{ __('sentence.Chronic diseases') }}</th>

            <!--<th class="text-center">{{ __('sentence.Prescriptions') }}</th>-->
            <th class="text-center">{{ __('sentence.Actions') }}</th>
            <th class="text-center ">Fecha de registro</th>
            <th class="text-center ">Nombre</th>
            <th class="text-center ">Edad</th>
            <th class="text-center">Teléfono</th>
            <th class="text-center">Correo electrónico</th>
          </tr>
        </thead>
        <tbody>
          @foreach($patients as $patient)
        <tr>

        <td>
          {{ __('sentence.dateCreated') }}: {{ $patient->created_at->format('d/m/Y') }} </br>

          {{ __('sentence.patientName') }}:  <a href="{{ url('patient/view/' . $patient->id) }}">
          {{ ucwords(strtolower($patient->name)) }}

          </a> </br>

          {{ __('sentence.Age') }}: {{ \Carbon\Carbon::parse($patient->Patient->birthday)->age }} </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.emergency contact') }} :
          <a href="https://consultorio.eladmirante.com/public/patient/view/29" data-toggle="modal"
          data-target="#ContactoEmergencia{{$patient->id}}">Ver</a></br>


        </td>

        <td class="text-center">

          @if(!empty($patient->Patient->blood) || !empty($patient->Patient->imc))
        <a href="https://consultorio.eladmirante.com/public/patient/view/29" data-toggle="modal"
        data-target="#fichaMedica{{$patient->id}}"><i class="fa fa-id-card fa-2x" aria-hidden="true"></i>
        </a>
      @endif

        </td>
        <td class="text-center">
          <!-- Button trigger modal -->

          @if(!empty($patient->Patient->alergias))
        <a href="https://consultorio.eladmirante.com/public/patient/view/29" data-toggle="modal"
        data-target="#alergias{{$patient->id}}"><i class="fa fa-medkit fa-2x" aria-hidden="true"></i>
        </a>
      @endif


        </td>
        <td class="text-center">
          @if(!empty($patient->Patient->cirugias))
        <a href="https://consultorio.eladmirante.com/public/patient/view/29" data-toggle="modal"
        data-target="#historialCirugias{{$patient->id}}"><i class="fa fa-history fa-2x" aria-hidden="true"></i>
        </a>
      @endif
        </td>
        <!--<td class="text-center"> {{ $patient->Patient->app }} </td>-->
        <td class="text-center">
          @if(!empty($patient->Patient->apf))
        <a href="https://consultorio.eladmirante.com/public/patient/view/29" data-toggle="modal"
        data-target="#enfermedadesCronicas{{$patient->id}}"><i class="fa fa-user-md fa-2x"
        aria-hidden="true"></i>
        </a>
        @endif
      </td>
    

        <!--<td class="text-center"><a href="#" class="btn btn-outline-primary btn-sm"><i class="fa fa-eye"></i> Ver</a></td>-->
        <td class="text-center">
          <div class="container">
          <div class="row">
            <div class="col-md-12">
            <a href="{{ url('patient/view/' . $patient->id) }}" title="{{ __('sentence.View medical record')}}"
              class="btn btn-outline-success btn-circle btn-sm m-1">
              <i class="fa fa-file" aria-hidden="true"></i>

            </a>


            <a href="{{ url('patient/edit/' . $patient->id) }}" title="{{ __('sentence.Edit record')}}"
              class="btn btn-outline-warning btn-circle btn-sm m-1">
              <i class="fa fa-pen"></i>
            </a>
            </div>

            <div class="col-md-12">
            <a href="{{ url('patient/edit/' . $patient->id) }}" title="{{ __('sentence.Print sheet')}}"
              class="btn btn-outline-primary btn-circle btn-sm m-1">
              <i class="fa fa-print" aria-hidden="true"></i>
            </a>


            <a class="btn btn-outline-danger btn-circle btn-sm m-1" data-toggle="modal"
              data-target="#DeleteModal" data-link="{{ url('patient/delete/' . $patient->id) }}"
              title="{{ __('sentence.Delete record')}} ">
              <i class="fas fa-trash"></i>
            </a>

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





        </td>

        <td>
          {{ $patient->created_at->format('d/m/Y') }} 
        </td>
        <td>
          {{ ucwords(strtolower($patient->name)) }} 
        </td>
        <td>
          {{ \Carbon\Carbon::parse($patient->Patient->birthday)->age }} 
        </td>
        <td>
          {{ $patient->Patient->phone }}
        </td>
        <td>
          {{ $patient->email }}
        </td>
        </tr>

        <!-- modal de alergias -->

        <div class="modal fade bd-example-modal-lg" id="alergias{{$patient->id}}" 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.allergies') }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            {!! $patient->Patient->alergias !!}
          </div>
          <div class="modal-footer">


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

        <!-- modal de historial cirugias -->

        <div class="modal fade bd-example-modal-lg" id="historialCirugias{{$patient->id}}" 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.surgery history') }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            {!! $patient->Patient->cirugias !!}
          </div>
          <div class="modal-footer">

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


        <!-- modal de Enfermedades Cronicas-->

        <div class="modal fade bd-example-modal-lg" id="enfermedadesCronicas{{$patient->id}}" 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.Chronic diseases') }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            {!! $patient->Patient->apf !!}
          </div>
          <div class="modal-footer">

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

        <!-- modal de Ficha medica-->

        <div class="modal fade bd-example-modal-lg" id="fichaMedica{{$patient->id}}" 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.medical record') }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">

            <strong> {{ __('sentence.BMI') }} :</strong>{{ $patient->Patient->imc }} </br>

            <strong> {{ __('sentence.Blood Group') }} :</strong>{{ $patient->Patient->blood }} </br>


          </div>
          <div class="modal-footer">

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

        <!-- modal de Contacto de emergencia-->

        <div class="modal fade bd-example-modal-lg" id="ContactoEmergencia{{$patient->id}}" 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.medical record') }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">

            Valores

          </div>
          <div class="modal-footer">

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


      @endforeach

        </tbody>
      </table>
      <!--<span class="float-right mt-3">{{ $patients->links() }}</span>-->

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

@endsection

@section('footer')
<script>
  document.addEventListener("DOMContentLoaded", function(){
    $('#dataTable').DataTable({
      "pagingType": "simple_numbers", // Muestra solo "Anterior" y "Siguiente en la paginacion , es una paginacion simple"
      language: {
          sSearch: "Buscar:",  // Traducción de "Search"
          sLengthMenu: "Mostrar _MENU_ registros por página",  // Traducción de "Show _MENU_ entries"
          sInfo: "Mostrando _START_ a _END_ de _TOTAL_ registros",  // Traducción de "Showing _START_ to _END_ of _TOTAL_ entries"
          sInfoEmpty: "Mostrando 0 a 0 de 0 registros",  // Traducción de "Showing 0 to 0 of 0 entries"
          sInfoFiltered: "(filtrado de _MAX_ registros)",  // Traducción de "filtered from _MAX_ entries"
          sZeroRecords: "No se encontraron resultados",  // Traducción de "No matching records found"
          oPaginate: {
              sFirst: "Primera",  // Traducción de "First"
              sPrevious: "Anterior",  // Traducción de "Previous"
              sNext: "Siguiente",  // Traducción de "Next"
              sLast: "Última"  // Traducción de "Last"
          },
          oAria: {
              sSortAscending: ": Activar para ordenar la columna de manera ascendente",  // Traducción de "Activate to sort column ascending"
              sSortDescending: ": Activar para ordenar la columna de manera descendente"  // Traducción de "Activate to sort column descending"
          }
      },
      responsive: true,
      "columnDefs": [
        {
            "targets": [6, 7,8,9,10],  // Las columnas que deseas ocultar (en base al índice de columna)
            "visible": false    // Hace que estas columnas no sean visibles
        }
    ],

      layout: {
        topStart: {
          
          buttons: [
            {
                extend: 'csv',
                className: 'btn btn-primary',
                exportOptions: {
                    columns: [6,7,8,9,10]
                }
            },
            {
                extend: 'excel',
                className: 'btn btn-primary',
                exportOptions: {
                    columns: [6,7,8,9,10]
                }
            },
            {
                extend: 'pdf',
                orientation: 'landscape',
                pageSize: 'LEGAL',
                className: 'btn btn-primary',
                text: 'PDF',
                title: 'Reporte de Datos',
                exportOptions: {
                    columns: [6,7,8,9,10]
                },
                customize: function (doc) {
                  // Obtiene la fecha actual
                    var currentDate = new Date();
                    var formattedDate = currentDate.getDate() + '/' + 
                            (currentDate.getMonth() + 1) + '/' + 
                            currentDate.getFullYear();

                  // Obtiene la hora de generacion
                    var formattedTime = currentDate.getHours() + ':' + String(currentDate.getMinutes()).padStart(2, '0') + ':' + String(currentDate.getSeconds()).padStart(2, '0');

                  // Imprimir fecha y hora
                    doc.content.splice(0, 1, {
                        text: 'Fecha de generación: ' + formattedDate + '\nHora de generación: ' + formattedTime,
                        fontSize: 8,
                        alignment: 'right',
                        margin: [0, 0, 0, 0] // Ajuste de margen derecho
                    });

                  // Insertar título arriba de la tabla
                    doc.content.splice(1, 0, {
                        text: 'Informe Consolidado de Pacientes', 
                        fontSize: 14,
                        bold: true,
                        alignment: 'center',
                        margin: [0, 20, 0, 10] // Espaciado alrededor del título
                    });

                

                  // Definir estilo del encabezado de la tabla
                    doc.styles.tableHeader = {
                        alignment: 'center', // Centra el texto de las celdas de encabezado
                        bold: true,
                        fontSize: 13,
                        color: 'white',
                        fillColor: '#2d4154'  // Color de fondo del encabezado
                    };

                    

                  // Configuración tamaño oficio
                    doc.pageSize = {
                        width: 35.56 * 28.35, // 35.56 cm (ancho) en puntos
                        height: 21.59 * 28.35 // 21.59 cm (alto) en puntos
                    };

                  // Definir márgenes si no existen
                    if (!doc.pageMargins) {
                        doc.pageMargins = [40, 20, 80, 20]; // Márgenes: [izq, arriba, der, abajo] en puntos
                    }

                  // Verificar si hay una tabla en el contenido
                    var tableIndex = doc.content.findIndex(function(element) {
                        return element.table !== undefined;
                    });

                    if (tableIndex !== -1) {
                        // Ajustar el ancho de la tabla si la tabla existe
                        var tableWidth = doc.pageSize.width - doc.pageMargins[0] - doc.pageMargins[2];
                        doc.content[tableIndex].table.widths = Array(doc.content[tableIndex].table.body[0].length).fill(tableWidth / doc.content[tableIndex].table.body[0].length);
                    }
                }
            }
        ]
        }
      }   
    });
  });
</script>
@endsection