@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Esito questionario Stress </h1>

@stop

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

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

                <button type="submit" class="btn btn-primary" >Esporta pdf</button>
                </form>
            </div>
            <div class="card-body">
                @if(isset($data['ris']))
                <h2>Punteggio: </h2><p>{{$data['ris']}}</p>
<h2>Valutazione</h2>
<p>{{$data['com']}}</p>
<div class="row mt-2 mb-4">
    <div class="col-md-8"> <canvas id="myChart4" style="position: relative; height:40vh; width:40vw"></canvas></div>
</div>
<p><strong>Esercizi per riduzione dello stress</strong> <button class="btn btn-primary ml-2" data-toggle="modal" data-target="#modal-Stress">Dettagli</button> </p>
<p><strong>Valutazione Bia</strong> <button class="btn btn-primary ml-2" data-toggle="modal" data-target="#modal-Comp">Dettagli</button> </p>
<p>{!!nl2br($data['BiaCom'])!!}</p>
                @endif
            </div>
        </div>

    </div>
</div>

<div class="modal fade show" id="modal-Comp" style="display: none;" aria-modal="true" role="dialog">
    <div class="modal-dialog modal-lg">
    <div class="modal-content">
    <div class="modal-header">
    <h4 class="modal-title">Composizione corporea</h4>
    <button type="button" class="close" data-dismiss="modal" aria-label="Chiudi">
    <span aria-hidden="true">×</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($data['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($data['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">{{$data['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($data['an']->BC['val'])}}</td>
                <td></td>
                <td>{{$data['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($data['an']->CM['val'],2)}}</td>
                <td></td>
                <td>{{$data['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($data['an']->ECL['val'])}}</td>
                <td></td>
                <td>{{$data['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($data['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($data['an']->BD['val'],3)}}</td>
                <td></td>
                <td>{{$data['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($data['an']->BCM['val'],1)}}</td>
                <td>{{round($data['an']->BCM['val']/$data['an']->Peso*100,1)}}</td>
                 <td>{{$data['an']->BCM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">BCMm</th>
                <td>{{round($data['an']->BCMM['val'],1)}}</td>
                <td></td>
                <td>{{$data['an']->BCMM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">BCMI</th>
                <td>{{round($data['an']->BCMht2['val'],1)}}</td>
                <td></td>
                <td>{{$data['an']->BCMht2['range']}}</td>
              </tr>
              <tr>
                <th scope="row">BCM/FFM %</th>
                <td>{{round($data['an']->BCMFFM['val']*100,1)}}</td>
                <td></td>
                <td>{{$data['an']->BCMFFM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">ECM - massa extra cellulare</th>
                <td>{{round($data['an']->ECM['val'],1)}}</td>
                <td>{{round($data['an']->ECM['val']/$data['an']->Peso*100,1)}}</td>
                <td>{{$data['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($data['an']->ECMBCM['val'],2)}}</td>
                <td></td>
                <td>{{$data['an']->ECMBCM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">ASMM - massa muscolare appendicolare</th>
                <td>{{round($data['an']->ASMM['val'],1)}}</td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <th scope="row">ASMMI - indice di massa muscolare appendicolare</th>
                <td>{{round($data['an']->ASMMI['val'],1)}}</td>
                <td></td>
                <td>{{$data['an']->ASMMI['range']}}</td>
              </tr>
              <tr>
                <th scope="row">SMM - massa muscolare scheletrica</th>
                <td>{{round($data['an']->SM['val'],1)}}</td>
                 <td></td>
                 <td>{{$data['an']->SM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">SMI - indice di massa muscolare </th>
                <td>{{round($data['an']->SMI['val'],1)}}</td>
                 <td></td>
                 <td>{{$data['an']->SMI['range']}}</td>
              </tr>
              <tr>
                <th scope="row">FFM - massa magra</th>
                <td>{{round($data['an']->FFM['val'],1)}}</td>
                <td>{{round($data['an']->FFM['val']/$data['an']->Peso*100,1)}}</td>
                <td>{{$data['an']->FFM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">FFMI - indice di massa magra</th>
                <td>{{round($data['an']->FFMht2['val'],1)}}</td>
                <td></td>
                <td>{{$data['an']->FFMht2['range']}}</td>
              </tr>
              <tr>
                <th scope="row">FM - massa grassa</th>
                <td>{{round($data['an']->FM['val'],1)}}</td>
                <td>{{round($data['an']->FM['val']/$data['an']->Peso*100,1)}}</td>
                <td>{{$data['an']->FM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">FMI - indice di massa grassa</th>
                <td id="fmid">{{round($data['an']->FMI['val'],1)}}</td>
                 <td></td>
                 <td>{{$data['an']->FMI['range']}}</td>
              </tr>
              <tr>
                <th scope="row">FM/FFM</th>
                <td>{{round($data['an']->FMFFM['val'],2)}}</td>
                <td></td>
                <td>{{$data['an']->FMFFM['range']}}</td>
              </tr>
              <tr>
                <th scope="row">BMI</th>
                <td>{{round($data['an']->BMI['val'],1)}}</td>
                <td></td>
                <td>{{$data['an']->BMI['range']}}</td>
              </tr>
              <tr>
                <th scope="row">BSA - superfice corporea </th>
                <td>{{round($data['an']->BCA['val'],2)}}</td>
                <td></td>
                <td>{{$data['an']->BCA['range']}}</td>
              </tr>
              <tr>
                <th scope="row">Nae/Ke - sodio potassio scambiabile</th>
                <td>{{round($data['an']->CMP['val'],2)}}</td>
                <td></td>
                <td>{{$data['an']->CMP['range']}}</td>
              </tr>




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

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

              <tr>
                <th scope="row">ECW</th>
                <td id="ECW">{{round($data['an']->ECW['val'],1)}}</td>
                <td>{{round($data['an']->ECW['val']/$data['an']->TBW['val']*100,1)}}</td>
                <td>{{$data['an']->ECW['range']}}</td>
              </tr>
              <tr>
                <th scope="row">ECW/Ht</th>
                <td>{{round($data['an']->ECWHT['val'],1)}}</td>
                <td></td>
                <td>{{$data['an']->ECWHT['range']}}</td>
              </tr>
              <tr>
                <th scope="row">ICW</th>
                <td>{{round($data['an']->ICW['val'],1)}}</td>
                <td>{{round($data['an']->ICW['val']/$data['an']->TBW['val']*100,1)}}</td>
                <td>{{$data['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($data['an']->ECWICW['val'],2)}}</td>
                <td></td>
                <td>{{$data['an']->ECWICW['range']}}</td>
              </tr>
            </tbody>
          </table>
    </div>
    <div class="modal-footer justify-content-between">
    <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
    </div>
    </div>

    </div>

    </div>

    <div class="modal fade show" id="modal-Stress" style="display: none;" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-lg">
        <div class="modal-content">
        <div class="modal-header">
        <h4 class="modal-title">ESERCIZI PER LA RIDUZIONE DELLO STRESS</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Chiudi">
        <span aria-hidden="true">×</span>
        </button>
        </div>
        <div class="modal-body">
          <p>
            Utilizzata con regolarità pochi minuti al giorno, può aiutare ad ottenere un miglioramento del livello di benessere psicofisico</p>
         <p>   Gli esercizi possono essere eseguiti in piedi, da seduto su una sedia/poltrona o sdraiato su un letto/tappetino.
            Mettersi a proprio agio e facilitare la respirazione allentando la cintura/abiti.
            Mettiti più a tuo agio che puoi.</p>
            <p>Se puoi, allenta eventuali indumenti/cintura che possono limitare la respirazione.</p>
           <p> POSIZIONE DA SDARIATO: posizionare le braccia un po' distanti dai fianchi, con i palmi rivolti verso l'alto. Gambe diritte oppure ginocchia piegate in modo che i piedi siano piatti sul pavimento.</p>
           <p> POSIZIONE DA SEDUTO: appoggiare le braccia sui braccioli della sedia/poltrona, posizionare i piedi all'incirca alla larghezza dei fianchi.</p>
          <p>  POSIZIONE DA IN PIEDI: appoggiare entrambi i piedi a terra ed all'incirca alla larghezza dei fianchi.</p>
         <p> Lascia che il respiro fluisca nella tua pancia il più in profondità possibile, senza forzarlo.
          Prova a inspirare attraverso il naso ed espirare attraverso la bocca.
          Inspira delicatamente e regolarmente. Contare costantemente da 1 a 5.</p> <p>All'inizio potresti non essere in grado di raggiungere 5.
          Quindi, senza fermarti o trattenere il respiro, lascialo defluire dolcemente, contando di nuovo da 1 a 5, se lo trovi utile.
          Continua a farlo per 3-5 minuti.</p>

        </div>
        <div class="modal-footer justify-content-between">
        <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
        </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 = "{{$data['ses']['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: true,
      type: 'line',
      data: {

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

                     {x: "{{$data['ris']}}", y: "{{$data['ses']['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: 1,
        },
        {
          type: 'box',
          xMin: 0,
          xMax: 100,
          yMin: 0,
          yMax: linea,
          backgroundColor: 'rgba(255, 99, 132, 0.25)'
        },
        {
          type: 'box',
          xMin: 0,
          xMax: 14,
          yMin: linea,
          yMax: 20,
          backgroundColor: 'rgba(150, 250, 82, 0.25)'
        },
        {
          type: 'box',
          xMin: 14,
          xMax: 100,
          yMin: linea,
          yMax: 20,
          backgroundColor: 'rgba(255, 249, 148, 0.25)'
        },
        {
            type: 'label',
          xValue: 6,
          yValue: 15.5,
          content: ['GOAL'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 28,
          yValue: 15,
          content: ['Buone','Condizioni fisiche','Stress elevato'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 28,
          yValue: 3.5,
          content: ['Ridotte','Condizioni fisiche','Stress elevato'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 6,
          yValue: 3.5,
          content: ['Ridotte','Condizioni fisiche','Poco stress'],
          font: {
            size: 15
          }
        },

        {
          type: 'line',
          xMin: 14,
          xMax: 14,
          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,
              max:max,
              ticks: {
                stepSize: 2.45
            },
                        display: true,
                        scaleLabel: {
                             display: false,
                        }
                    },
              x:{
                title: {
        display: true,
        text: 'Stress'
      },
                type: 'linear', // MANDATORY TO SHOW YOUR POINTS! (THIS IS THE IMPORTANT BIT)
                max: 40,
              min: 0,
              ticks: {
                stepSize: 2
            },

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

              }
          }
      }
  });
    </script>


@stop