@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Esito questionario sintomi e disturbi </h1>

@stop

@section('content')
<div class="row">

    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <form action="{{route('Mus.MusPdf')}}" method="POST">
                    @csrf

                <button type="submit" class="btn btn-primary" >Esporta pdf</button>
                </form>
            </div>
            <div class="card-body">
                @if(isset($var['si']))




                <p>I sintomi e i disturbi evidenziati possono avere una forte connessione tra loro e spesso possono dipendere da una ridotta comunicazione cellulare, infiammazione, ipo/iper idratazione ed alterazione del livello di benessere nutrizionale.</p>

                <p><strong>Numero si: {{$var['si']}}</strong>                 <button class="btn btn-primary ml-2" data-toggle="modal" data-target="#modal-Sintomi">Sintomi rilevati</button></p>

                <p><strong>Valutazione sintomi e disturbi funzionali</strong></p>
                <p>{!!nl2br($var['risp'])!!}</p>


                <div class="row mt-2 mb-5">
                    <div class="col-md-8"> <canvas id="myChart4" style="position: relative; height:40vh; width:60vw"></canvas></div>
                </div>

                <p><strong>Valutazione Bia</strong> <button class="btn btn-primary ml-2" data-toggle="modal" data-target="#modal-Comp">Dettagli</button> </p>
                <p>{!!nl2br($var['BiaCom'])!!}</p>


                @else
                <h2>Eseguire l'esame bia prima del questionario</h2>
                @endif
            </div>
        </div>

    </div>
</div>

<div id="modal-Sintomi" class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog  modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Sintomi rilevati</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            @foreach ( $var['RispSi'] as $rispSi )
            {{$rispSi}}<br/>
        @endforeach
        </div>
      </div>
    </div>
  </div>

  <div id="modal-Comp" class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog  modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Composizione corporea</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <table class="table">
                <thead class="thead-light">
                  <tr>
                    <th scope="col">Campo</th>
                    <th scope="col">Valori</th>
                    <th scope="col">Percentuali</th>
                    <th scope="col">Range</th>
                  </tr>
                </thead>
                <tbody>
                    <tr data-toggle="modal" data-target="#modal-PI">
                        <th scope="row">Peso Ideale <span><i class="text-primary fas fa-info-circle"></i></span></th>
                        <td>{{round($var['an']->PID['val'],2)}}</td>
                        <td></td>
                        <td></td>
                      </tr>
                      <tr>
                        <th  scope="row">Peso Ideale 2 <span><i class="text-primary fas fa-info-circle"></i></span></th>
                        <td>{{round($var['an']->PIDFFM['val'])}}</td>
                        <td></td>
                        <td></td>
                      </tr>
                      <tr>
                        <th  scope="row">Età biologica <span><i class="text-primary fas fa-info-circle"></i></span></th>
                        <td colspan="3" style="font-size:15px">{{$var['etabio']}}</td>

                      </tr>
                  <tr data-toggle="modal" data-target="#modal-Cdex">
                    <th  scope="row">C-Dex <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td id="C-dex">{{round($var['an']->BC['val'])}}</td>
                    <td></td>
                    <td>{{$var['an']->BC['range']}}</td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-Cm">
                    <th  scope="row">Cm <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td id="Cm">{{round($var['an']->CM['val'],2)}}</td>
                    <td></td>
                    <td>{{$var['an']->CM['range']}}</td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-ecl">
                    <th scope="row">ECL - Livello di efficienza cellulare <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td>{{round($var['an']->ECL['val'])}}</td>
                    <td></td>
                    <td>{{$var['an']->ECL['range']}}</td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-BiaIndex">
                    <th scope="row">Bia-Index <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td>{{round($var['an']->BiaIndex['val'],1)}}</td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-BD">
                    <th  scope="row">BD <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td>{{round($var['an']->BD['val'],3)}}</td>
                    <td></td>
                    <td>{{$var['an']->BD['range']}}</td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-BCM">
                    <th scope="row">BCM - massa cellulare <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td>{{round($var['an']->BCM['val'],1)}}</td>
                    <td>{{round($var['an']->BCM['val']/$var['an']->Peso*100,1)}}</td>
                     <td>{{$var['an']->BCM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">BCMm</th>
                    <td>{{round($var['an']->BCMM['val'],1)}}</td>
                    <td></td>
                    <td>{{$var['an']->BCMM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">BCMI</th>
                    <td>{{round($var['an']->BCMht2['val'],1)}}</td>
                    <td></td>
                    <td>{{$var['an']->BCMht2['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">BCM/FFM %</th>
                    <td>{{round($var['an']->BCMFFM['val']*100,1)}}</td>
                    <td></td>
                    <td>{{$var['an']->BCMFFM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">ECM - massa extra cellulare</th>
                    <td>{{round($var['an']->ECM['val'],1)}}</td>
                    <td>{{round($var['an']->ECM['val']/$var['an']->Peso*100,1)}}</td>
                    <td>{{$var['an']->ECM['range']}}</td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-ECMBCM">
                    <th scope="row">ECM/BCM <span><i class="text-primary fas fa-info-circle"></i></span></th>
                    <td>{{round($var['an']->ECMBCM['val'],2)}}</td>
                    <td></td>
                    <td>{{$var['an']->ECMBCM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">ASMM - massa muscolare appendicolare</th>
                    <td>{{round($var['an']->ASMM['val'],1)}}</td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <th scope="row">ASMMI - indice di massa muscolare appendicolare</th>
                    <td>{{round($var['an']->ASMMI['val'],1)}}</td>
                    <td></td>
                    <td>{{$var['an']->ASMMI['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">SMM - massa muscolare scheletrica</th>
                    <td>{{round($var['an']->SM['val'],1)}}</td>
                     <td></td>
                     <td>{{$var['an']->SM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">SMI - indice di massa muscolare </th>
                    <td>{{round($var['an']->SMI['val'],1)}}</td>
                     <td></td>
                     <td>{{$var['an']->SMI['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">FFM - massa magra</th>
                    <td>{{round($var['an']->FFM['val'],1)}}</td>
                    <td>{{round($var['an']->FFM['val']/$var['an']->Peso*100,1)}}</td>
                    <td>{{$var['an']->FFM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">FFMI - indice di massa magra</th>
                    <td>{{round($var['an']->FFMht2['val'],1)}}</td>
                    <td></td>
                    <td>{{$var['an']->FFMht2['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">FM - massa grassa</th>
                    <td>{{round($var['an']->FM['val'],1)}}</td>
                    <td>{{round($var['an']->FM['val']/$var['an']->Peso*100,1)}}</td>
                    <td>{{$var['an']->FM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">FMI - indice di massa grassa</th>
                    <td id="fmid">{{round($var['an']->FMI['val'],1)}}</td>
                     <td></td>
                     <td>{{$var['an']->FMI['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">FM/FFM</th>
                    <td>{{round($var['an']->FMFFM['val'],2)}}</td>
                    <td></td>
                    <td>{{$var['an']->FMFFM['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">BMI</th>
                    <td>{{round($var['an']->BMI['val'],1)}}</td>
                    <td></td>
                    <td>{{$var['an']->BMI['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">BSA - superfice corporea </th>
                    <td>{{round($var['an']->BCA['val'],2)}}</td>
                    <td></td>
                    <td>{{$var['an']->BCA['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">Nae/Ke - sodio potassio scambiabile</th>
                    <td>{{round($var['an']->CMP['val'],2)}}</td>
                    <td></td>
                    <td>{{$var['an']->CMP['range']}}</td>
                  </tr>




                  <tr>
                    <th scope="row">RMR - metabolismo basale</th>
                    <td>{{round($var['an']->BMR['val'])}}</td>
                    <td></td>
                    <td>{{$var['an']->BMR['range']}}</td>
                  </tr>

                  <tr>
                    <th scope="row">TDEE</th>
                    <td>{{round($var['an']->DEE['val'])}}</td>
                    <td></td>
                    <td>{{$var['an']->DEE['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">TBW</th>
                    <td id="TBW"> {{round($var['an']->TBW['val'],1)}}</td>
                    <td>{{round($var['an']->TBW['val']/$var['an']->Peso*100,1)}}</td>
                    <td>{{$var['an']->TBW['range']}}</td>
                  </tr>

                  <tr>
                    <th scope="row">ECW</th>
                    <td id="ECW">{{round($var['an']->ECW['val'],1)}}</td>
                    <td>{{round($var['an']->ECW['val']/$var['an']->TBW['val']*100,1)}}</td>
                    <td>{{$var['an']->ECW['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">ECW/Ht</th>
                    <td>{{round($var['an']->ECWHT['val'],1)}}</td>
                    <td></td>
                    <td>{{$var['an']->ECWHT['range']}}</td>
                  </tr>
                  <tr>
                    <th scope="row">ICW</th>
                    <td>{{round($var['an']->ICW['val'],1)}}</td>
                    <td>{{round($var['an']->ICW['val']/$var['an']->TBW['val']*100,1)}}</td>
                    <td>{{$var['an']->ICW['range']}}</td>
                  </tr>
                  <tr data-toggle="modal" data-target="#modal-ECWICW">
                    <th scope="row">ECW/ICW  <span><i class="text-primary fas fa-info-circle"></i></span> </th>
                    <td>{{round($var['an']->ECWICW['val'],2)}}</td>
                    <td></td>
                    <td>{{$var['an']->ECWICW['range']}}</td>
                  </tr>
                </tbody>
              </table>
        </div>
      </div>
    </div>
  </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">

@stop

@section('js')


<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0/dist/chartjs-plugin-datalabels.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-annotation/1.4.0/chartjs-plugin-annotation.js" integrity="sha512-es3XL5vwq08UWKA+Fp6tZVTcJ4Kh25GsgsCSkBbPlX6QmDn3YJX0yhUVhPYQUoPX/gUFXf7uH0YtuZHGPj4iHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>



     const ctx4 = document.getElementById('myChart4');
  var c = document.getElementById("myChart4");

  c.style.height = "500px";

        var sesso = "{{$var['an']->Sesso}}";
        var linea = 0
        var max = 0

        if(sesso == "M")
        {
            linea = 8.5
            max = 16.25
        }else{
            linea = 6.9
            max = 14.25
        }


  const myChart4 = new Chart(ctx4, {
    responsive :true,
    maintainAspectRatio: false,
      type: 'line',
      data: {

          datasets: [{
            label: 'Sintomi',
              data: [

                     {x: "{{$var['si']}}", y: "{{$var['an']->BCMht2['val']}}"},

                    ],
              backgroundColor: [
                  'rgba(255, 99, 132, 1)',
                  'rgba(54, 162, 235, 1)',
                  'rgba(255, 206, 86, 1)',
                  'rgba(75, 192, 192, 1)',
                  'rgba(153, 102, 255, 1)',
                  'rgba(255, 159, 64, 1)'
              ],
              borderColor: [
                  'rgba(255, 99, 132, 1)',
                  'rgba(54, 162, 235, 1)',
                  'rgba(255, 206, 86, 1)',
                  'rgba(75, 192, 192, 1)',
                  'rgba(153, 102, 255, 1)',
                  'rgba(255, 159, 64, 1)'
              ],
              borderWidth: 2,
              pointRadius: 4,
          }]
      },
      options: {
        aspectRatio:0,
        plugins:{
          annotation:{
            clip:true,
            drawTime: 'afterDatasetsDraw',
            annotations:[

                {
          type: 'line',
          yMin: linea,
          yMax: linea,
          borderColor: 'rgb(0,0,0)',
          borderWidth: 0.5,
        },
       {
          type: 'box',
          xMin: 0,
          xMax: 20,
          yMin: 0,
          yMax: linea,
          backgroundColor: 'rgba(255, 99, 132, 0.25)'
        },
        {
          type: 'box',
          xMin: 0,
          xMax: 10,
          yMin: linea,
          yMax: 20,
          backgroundColor: 'rgba(150, 250, 82, 0.25)'
        },
        {
          type: 'box',
          xMin: 10,
          xMax: 20,
          yMin: linea,
          yMax: 20,
          backgroundColor: 'rgba(255, 249, 148, 0.25)'
        },
        {
            type: 'label',
          xValue: 4,
          yValue: 15.5,
          content: ['GOAL'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 15,
          yValue: 15.5,
          content: ['Benessere nutrizionale','Elevata  presenza di sintomi'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 15,
          yValue: 3.5,
          content: ['Ridotto benessere nutrizionale','Elevata  presenza di sintomi'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 5,
          yValue: 3.5,
          content: ['Ridotto benessere nutrizionale','Ridotta presenza di sintomi'],
          font: {
            size: 15
          }
        },
        {
          type: 'line',
          xMin: 10,
          xMax: 10,
          borderColor: 'rgb(0,0, 0)',
          borderWidth: 1,
        }
        ]

          },
        },
          scales: {
              y: { // and your y axis customization as you see fit...

                beginAtZero: true,
                max: 8,
                title: {
        display: true,
        text: 'Nutritional Marker'
      },
              min:2.5,
              max:max,
              ticks: {
                stepSize: 2.45
            },
                        display: true,
                        scaleLabel: {
                             display: false,
                        }
                    },
              x:{
                title: {
        display: true,
        text: 'Sintomi'
      },
                type: 'linear', // MANDATORY TO SHOW YOUR POINTS! (THIS IS THE IMPORTANT BIT)
                max: 20,
              min: 0,
              ticks: {
                stepSize: 1
            },

                           display: true, // mandatory
                           scaleLabel: {
                                display: false, // mandatory
                                labelString: 'Your label' // optional
                           },

              }
          }
      }
  });



  </script>

</div>

@stop