@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Esito Test Tipo  Metabolico</h1>

@stop

@section('content')
<div class="row">
    <div class="col-md-6">

        <div class="card">
            <div class="card-header">
                <h4>Tipo Metabolico</h4>
            </div>
            <div class="card-body">
                @if ($data['Stato'] == 2.5 )
               <strong> TIPO METABOLICO MISTO:</strong>
              <p> <strong> Proteine 30% - Carboidrati 50% - Oli/Grassi 20%</strong></p>
        <p>Il tipo metabolico MISTO è caratterizzato da una velocità di ossidazione cellulare media e da un sistema nervoso non dominante in nessuno dei due rami simpatico e parasimpatico.
        Tali caratteristiche consentono al soggetto di ossidare bene grassi, carboidrati e proteine ed avere un appetito medio.
        Il tipo metabolico MISTO è abbastanza facile da nutrire ma il relativo l’addestramento e la messa a punto del piano alimentare per una corretta assunzione dei macronutrienti può risultare più difficoltoso.
        Il professionista dovrà porre particolare attenzione all’equilibrio tra proteine e carboidrati in quanto in funzione della sensibilità del soggetto, dell'ambiente e dei livelli di stress fisico, ormonale ed emotivo, possono verificarsi delle oscillazioni da un pasto all'altro, da una settimana all'altra o da un mese all'altro.
        </p>
        <p> <strong> IMPORTANTE: </strong> il soggetto dovrà avere la capacità di ascoltare i messaggi dal proprio organismo per evitare di trovarsi nella condizione nella quale determinate proteine o carboidrati risultino inadeguate. Per raggiungere una condizione di benessere non dovrebbe pertanto limitarsi a seguire lo schema alimentare ma dovrebbe soprattutto porre la massima attenzione ai vari segnali provenienti dal proprio organismo senza ignorarli.</p>

    Il professionista potrebbe redigere il piano nutrizionale iniziando a dosare i pasti i macronutrienti con il 50% di (proteine/grassi) e il 50% di carboidrati. Per ottimizzare e massimizzare il raggiungimento di una condizione di benessere e vitalità, il soggetto dovrà riferire al professionista medico/nutrizionista/dietista tutte le varie sensazioni avvertite durante e dopo i vari pasti per una messa a punto ottimale del piano alimentare.

                @endif

                @if ($data['Stato'] == 0.5 )
                <strong>TIPO METABOLICO CARBO:</strong>
                <p> <strong> Proteine 25% -- Grassi 15% -- Carboidrati 60%</strong></p>
                <p>Il tipo metabolico CARBO è caratterizzato da una lenta ossidazione cellulare e da un sistema nervoso simpatico dominante che lo portano ad avere un appetito leggero e a ossidare lentamente i vari alimenti.
                    I tipi del gruppo CARBO richiedono meno proteine e grassi rispetto ai tipi del gruppo PROT e il loro organismo tende ad assimilare meglio proteine con un contenuto di purine inferiore.
                    Tendono inoltre a non metabolizzare in modo efficiente grassi e proteine in particolare se assunti da soli.
                    Le proteine per il tipo metabolico CARBO dovrebbero provenire da carni più leggere (pollo e tacchino, carne bianca o tagli magri di altre carni) e da pesce meno grasso (principalmente pesce bianco).
                    Il tipo CARBO dovrebbe assumere invece una quantità proporzionalmente maggiore di carboidrati per bilanciare le proteine e i grassi che comunque dovrebbero venire assunti ad ogni pasto.
                    </p>
                    <p>
                        Nella redazione del piano nutrizionale si dovrà inoltre fare attenzione a non superare determinate quantità di CARBOIDRATI (es. > 60%) e soprattutto prediligere carboidrati di elevata qualità e non derivanti da cibi spazzatura.
                    </p>
                    <p>
                        Spesso è riscontrabile che il tipo metabolico CARBO si senta in una condizione di benessere  assumendo solo 2 pasti al giorno.
Per raggiungere una salute ottimale, il tipo metabolico CARBO dovrebbe assumere alimenti biologici di alta qualità ricordando di includere anche alcuni grassi e proteine in ogni pasto o spuntino. Raccomandare il soggetto di evitare cibi spazzatura, anche nel caso in cui si dovesse sentire bene dopo averli assunti.
In generale Il tipo metabolico CARBO potrebbe non ottenere benefici assumendo latticini interi o carni grasse.

                    </p>
                    <p>
                        L’alimentazione del tipo metabolico CARBO è facilmente adattabile ai vegetariani.
Le diete vegetariane in genere sono più povere di proteine e ricche di carboidrati complessi, questo perché i cibi vegetali sono composti prevalentemente da carboidrati compresi gli alimenti vegetali più proteici come cereali e legumi senza glutine.
I vegetariani del gruppo CARBO tuttavia, avrebbero bisogno di assumere una proporzione maggiore di legumi rispetto a quella generalmente raccomandata per i tipi del gruppo CARBO non vegetariani al fine di ottenere una quantità sufficiente di proteine.

                    </p>

                @endif
                @if ($data['Stato'] == 1.5)
                <strong>TIPO METABOLICO PROT/GRASSI:     </strong>
                <p> <strong>Proteine 50% - Grassi 25% - Carboidrati 25%</strong></p>
                <p>
                    Il tipo metabolico PROT/GRASSI è caratterizzato da un'elevata ossidazione cellulare e da un sistema nervoso parasimpatico dominante che lo portano ad avere un forte appetito e a bruciare velocemente gli alimenti.
                    Il tipo metabolico PROT in generale potrebbe richiedere un fabbisogno proteico e di grassi maggiore rispetto al tipo metabolico CARBO in quanto tende a non metabolizzare in modo efficiente i carboidrati specialmente se assunti da soli.
                    Tale caratteristica secondo le raccomandazioni generali potrebbe rendere il piano nutrizionale “non bilanciato" considerando comunque che ogni pasto dovrebbe comprendere principalmente proteine e grassi di alta qualità.

                </p>
                <p>
                    Per quanto riguarda l’assunzione proteica, il tipo metabolico PROT può valutare tutte le tipologie di proteine, prediligendo carni rosse con un contenuto di purine maggiore e pesce con un contenuto di grassi più elevato. Gli spuntini da inserire nel piano alimentare dovrebbero contenere una robusta quota di proteine e grassi sani per mantenere stabili i livelli di energia.
                </p>
               <p>
                Il soggetto dovrà inoltre porre la massima attenzione ed evitare tutti i vari alimenti e bevande contenenti zuccheri tipo dessert vari, dolci, birra, etc, in particolare se ingeriti entro poche ore prima di coricarsi. L’eventuale eccessiva assunzione di carboidrati anche attraverso bevande varie può causare al soggetto disturbi e disfunzionalità varie che possono manifestarsi con sintomi quali: mal di testa cronico, depressione, affaticamento persistente, scarsa concentrazione al mattino, lombalgia, dolore al collo, costipazione e demotivazione in generale.
Queste condizioni possono spesso risolversi riducendo/bilanciando i livelli di zucchero nel sangue, in particolare a cena e prima di andare a letto (entro 2-3 ore o anche meno).

               </p>
               <p>
                Si dovranno inoltre evitare/limitare al massimo barrette e bevande energetiche varie che  generalmente possono contenere grandi quantità di zucchero (saccarosio, destrosio, fruttosio, polioli, etc), sconsigliati comunque a qualsiasi tipo metabolico in quanto carenti di grassi sani, proteine e zuccheri di qualità.
               </p>
               <p>
                Considerando che Il tipo metabolico PROT ha la tendenza a mangiare ed il suo organismo deve percepire la sazietà, saranno maggiormente indicati latticini interi per un maggiore effetto saziante a differenza di yogurt e formaggi magri.
               </p>
                <p>
                Nel caso di assunzione di caffè, il tipo metabolico PROT non dovrebbe aggiungere zucchero, dolcificanti artificiali o latte scremato per evitare condizioni di ipoglicemia.
Nel caso in cui il soggetto abbia la necessità di aggiungere qualcosa al caffè potrebbe optare per una panna integrale biologica o da montare.
In presenza di sovrappeso/obesità, si consiglia di assumere pasti più piccoli, equilibrati e più frequenti.
Per una migliore programmazione e gestione nei vari pasti della quota proteica si suggerisce di verificare sempre le sensazioni post-prandiali che dovrebbero sempre rientrare nella WELLNESS Zone a conferma di una bilanciata assunzione di proteine.

                </p>
                @endif

            </div>
        </div>
    </div>
<div class="col-md-6">
    <div class="card">
        <div class="card-body">
            <canvas id="myChart4" style="position: relative; height:40vh; width:60vw"></canvas>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h4>  Suggerimenti generali in caso di sovradosaggio di carbo / prot /grassi:</h4>
        </div>
        <div id="accordion">
            <div class="card">
              <div class="card-header" id="headingOne" style="padding:0;">
                <h5 class="mb-0">
                  <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    <strong>    Potenziali reazioni dell’organismo a troppi carboidrati</strong>
                  </button>
                </h5>
              </div>

              <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion" style="padding:0;">
                <div class="card-body">
                    <p>
                        Entro pochi minuti e nelle 2 ore successive a un pasto in genere l’organismo invia determinati segnali, pertanto più ci si trova in una condizione di benessere, più rapide e maggiori saranno le informazioni e sensazioni che ne derivano.
                    </p>
                    <p><strong>Potenziali reazioni dell’organismo a troppi carboidrati</strong></p>
                    <div class="row">
                        <div class="col-md-6">
                            <p>Breve termine </p>
                            <p  style="margin:0;">mal di testa</p>
                            <p  style="margin:0;">ansia </p>
                            <p  style="margin:0;">insoddisfazione</p>
                            <p  style="margin:0;">avere fame velocemente</p>
                            <p  style="margin:0;">desiderio di cibi  grassi e/o proteici </p>
                            <p  style="margin:0;">comportamento nervoso</p>
                            <p  style="margin:0;">stanchezza</p>
                            <p  style="margin:0;">agitazione</p>
                            <p  style="margin:0;">energia altalenante</p>
                        </div>
                        <div class="col-md-6">
                            <p>Lungo termine </p>
                            <p  style="margin:0;">risposta allo stress esagerata</p>
                            <p  style="margin:0;">depressione</p>
                            <p  style="margin:0;">acne, sfoghi cutanei, pelle arrossata</p>
                            <p  style="margin:0;">costipazione</p>
                            <p  style="margin:0;">sudorazione</p>
                            <p  style="margin:0;">insulino-resistenza-diabete</p>
                            <p  style="margin:0;">mal di testa, dolore al collo/alla spalla </p>
                            <p  style="margin:0;">lombalgia</p>
                            <p  style="margin:0;">disturbi del sonno</p>
                            <p  style="margin:0;">stress surrenale</p>
                            <p  style="margin:0;">diminuita risposta immunitaria</p>
                        </div>
                        <div class="col-md-12 mt-2">
                            <p > <strong> Se vengono assunti troppi carboidrati e si riscontrano i sintomi derivati da tale condizione, si consiglia prontamente di provare uno dei seguenti rimedi:</strong></p>
                            <p style="margin:0;">assumere grassi e proteine</p>
                            <p style="margin:0;">bere acqua</p>
                            <p style="margin:0;">praticare un’attività fisica</p>
                        </div>

                    </div>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="headingTwo" style="padding:0;">
                <h5 class="mb-0">
                  <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                   <strong> Potenziali reazioni dell’organismo a troppi grassi/proteine </strong>
                  </button>
                </h5>
              </div>
              <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p>Breve termine </p>
                            <p  style="margin:0;">letargia</p>
                            <p  style="margin:0;">sonnolenza  </p>
                            <p  style="margin:0;">disturbi dell’umore, depressione</p>
                            <p  style="margin:0;">lentezza mentale, pigrizia </p>
                            <p  style="margin:0;">addome pesante </p>
                            <p  style="margin:0;">Sazietà, ma affamati </p>
                            <p  style="margin:0;">desiderio di dolci, zuccheri</p>
                            <p  style="margin:0;">desiderio di caffè, tè</p>
                        </div>
                        <div class="col-md-6">
                            <p>Lungo termine </p>
                            <p  style="margin:0;">disfunzione autonomica</p>
                            <p  style="margin:0;">depressione</p>
                            <p  style="margin:0;">obesità</p>
                            <p  style="margin:0;">sudorazione, pelle arrossata</p>
                            <p  style="margin:0;">odore corporeo sgradevole</p>
                            <p  style="margin:0;">scarsa energia</p>
                            <p  style="margin:0;">scarsa risposta all'esercizio (aerobico)</p>
                            <p  style="margin:0;">invecchiamento rapido</p>
                            <p  style="margin:0;">squilibri ormonali</p>
                            <p  style="margin:0;">pressione sanguigna anomala</p>
                            <p  style="margin:0;">affaticamento surrenale</p>
                            <p  style="margin:0;">dolore al collo/alla spalla</p>
                            <p  style="margin:0;">mal di testa</p>
                            <p  style="margin:0;">lombalgia  </p>
                            <p  style="margin:0;">problemi di salute</p>
                        </div>
                        <div class="col-md-12 mt-2">
                            <p><strong>Se vengono assunti troppi grassi o proteine e si riscontrano i sintomi derivati da tale condizione, si consiglia prontamente di provare uno dei seguenti rimedi:</strong></p>
                            <p  style="margin:0;">assumere dei carboidrati (se possibile ad alto indice glicemico, come patate, frutta o cereali)</p>
                            <p  style="margin:0;">assumere spremute fresche di frutta fresca, oppure</p>
                            <p  style="margin:0;">assumere enzimi digestivi contenenti proteasi e lipasi</p>

                            <p class="mt-2">In caso di presenza di uno o più sintomi che caratterizzano un eventuale eccesso di CARBO o PROT/GRASSI viene consigliato di intervenire quanto prima eseguendo una o più azioni riportate nelle liste “Eccesso di CARBO / PROT / GRASSI”.
                                L’obiettivo è quello di riportare il soggetto all’interno della WELLNESS ZONE nel più breve tempo possibile normalizzando il livello di benessere e di energia.
                                </p>
                        </div>
                    </div>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="headingThree" style="padding:0;">
                <h5 class="mb-0">
                  <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                 <strong>Wellness zone</strong>
                  </button>
                </h5>
              </div>
              <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                <div class="card-body">
                  <p>  La wellness zone rappresenta la risposta ottimale a qualsiasi pasto/spuntino caratterizzata da: - soddisfacente stato di benessere </p>
                  <p style="margin:0;"> pressione arteriosa ideale</p>
                   <p style="margin:0;"> rapporto HDL/LDL ideale</p>
                   <p style="margin:0;"> ottima gestione lo stress</p>
                    <p style="margin:0;"> condizione di energia tra i pasti</p>
                    <p style="margin:0;"> buona concentrazione mentale e lucidità di pensiero</p>
                    <p style="margin:0;"> risposta ottimale all'esercizio</p>

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

    </div>
</div>

</div>
<div class="row">
    <div class="col-md-6">

    </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['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: 'Risultato Tipo Metabolico',
              data: [

                     {x: "{{$data['Stato']}}", y: "{{$data['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: 'line',
          xMin: 1,
          xMax: 1,
          borderColor: 'rgb(0,0,0)',
          borderWidth: 0.5,
        },

        {
          type: 'line',
          xMin: 2,
          xMax: 2,
          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: 1.5,
          yValue: 12,
          content: ['Goal'],
          font: {
            size: 15
          }
        },
       {
            type: 'label',
          xValue: 0.5,
          yValue: 12,
          content: ['Goal'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 2.5,
          yValue: 12,
          content: ['Goal'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 1.5,
          yValue: 13.5,
          content: ['PROTEINE'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 2.5,
          yValue: 13.5,
          content: ['MISTO'],
          font: {
            size: 15
          }
        },
        {
            type: 'label',
          xValue: 0.5,
          yValue: 13.5,
          content: ['CARBO'],
          font: {
            size: 15
          }
        },

        {
            type: 'label',
          xValue: 0.5,
          yValue: 3.6,
          content: ['Ridotto livello di benessere ','nutrizionale'],
          font: {
            size: 15
          }
        },

        {
            type: 'label',
          xValue: 1.5,
          yValue: 3.6,
          content: ['Ridotto livello di benessere ','nutrizionale'],
          font: {
            size: 15
          }
        },

        {
            type: 'label',
          xValue: 2.5,
          yValue: 3.6,
          content: ['Ridotto livello di benessere ','nutrizionale'],
          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: 'Tipo Metabolico '
      },
                type: 'linear', // MANDATORY TO SHOW YOUR POINTS! (THIS IS THE IMPORTANT BIT)
                max: 3,
              min: 0,
              ticks: {
                stepSize: 1,
                display: false
            },

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

              }
          }
      }
  });



  </script>

</div>

@stop