@section('result')
    <div class="container-fluid" style="background-color:#ffffff">
        <div class="th_myvital_result">
            <div class="mb-3"><img src="{{ asset('assets/images/telus-health-logo.svg')}}"  width="300" height=" ">
            </div>
        </div>

    </div>
    @if ($info->basic_info != null)
        <div class="container" style="padding-bottom: 100px">
            <div class="row justify-content-center mb-3" style="background-color:#ffffff">
                <div class="th_myvital_score_wrap col-9 ">
                    <div class="text-center">
                        <img src="{{ asset('assets/images/mvitalscan-logo.svg')}}" alt="logo" width="200" class="logo-2">
                    </div>
                    <div class="text-center mb-2">
                        <h1 class="d-inline-block font-regular font-18">Result</h1>
                        <a href="#" class="float-end">
                            <img src="{{ asset('assets/images/share-icon.svg') }}" width="30" alt=""
                                data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                        </a>
                    </div>
                    
                    <div class="text-center">
                        @switch($info->basic_info->wellness_score)
                            @case($info->basic_info->wellness_score == 1)
                                <img src="{{ asset('assets/score_bar/level-1.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 2)
                                <img src="{{ asset('assets/score_bar/level-2.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 3)
                                <img src="{{ asset('assets/score_bar/level-3.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 4)
                                <img src="{{ asset('assets/score_bar/level-4.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 5)
                                <img src="{{ asset('assets/score_bar/level-5.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 6)
                                <img src="{{ asset('assets/score_bar/level-6.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 7)
                                <img src="{{ asset('assets/score_bar/level-7.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 8)
                                <img src="{{ asset('assets/score_bar/level-8.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score == 9)
                                <img src="{{ asset('assets/score_bar/level-9.png') }}" class="img-fluid">
                            @break

                            @case($info->basic_info->wellness_score === 10)
                                <img src="{{ asset('assets/score_bar/level-10.png') }}" class="img-fluid">
                            @break

                            @default
                        @endswitch
                    </div>
                    <div class="score-data">
                        <div class=" score-date text-center">Wellness Score</div>
                        <h2 class="score-rate">{{ $info->basic_info->wellness_score }}/10</h2>
                        <p class="score-date">{{ date('M.d | h:i A', strtotime($info->basic_info->generated_at)) }} </p>
                    </div>

                </div>
            </div>
            @if ($info->basic_info->is_external == 1)
                    @foreach ($info->result->VITAL_SIGNS as $item)
                    <div class="rate-card mb-3">
                        <div class="row">
                            <div class="d-flex align-items-center">
                                <div class="col-3">
                                    <div class="rate-level pe-3 text-center">
                                        @switch($item->title)
                                            @case($item->title == 'Heart Rate')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/heart_rate/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/heart_rate/normal.png') }}" width="80"
                                                        alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/heart_rate/high_new.png') }}" width="80"
                                                        alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/heart_rate/na.png') }}" width="59" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'Breathing Rate')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/br_rate/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/br_rate/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/br_rate/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/br_rate/na.png') }}" width="80" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'PRQ')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/prq/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/prq/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/prq/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/prq/na.png') }}" width="80" alt="">
                                                @endif
                                            @break

                                            @default
                                        @endswitch

                                    </div>
                                </div>
                                <div class="col">
                                    <div class="rate-detail">
                                        <h3 class="mb-2 rate-title">{{ $item->title }}</h3>
                                        <p class="disciption mb-2">{{ $item->short_desc }}</p>

                                        <h4 class="font-16 mb-2 rate-level-text">{{ $item->status }} </h4>
                                        <p class="disciption mb-0">{{ $item->description }}</p>
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="rate-score">

                                        @switch($item->title)
                                            @case($item->title == 'Heart Rate')
                                                <p class="font-16 mb-0">HR</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'Breathing Rate')
                                                <p class="font-16 mb-0">BR</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'PRQ')
                                                <p class="font-16 mb-0">PRQ</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @default
                                        @endswitch

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                @foreach ($info->result->BLOOD as $item)
                    <div class="rate-card mb-3">
                        <div class="row">
                            <div class="d-flex align-items-center">
                                <div class="col-3">
                                    <div class="rate-level pe-3 text-center">
                                        @switch($item->title)
                                            @case($item->title == 'Oxygen Saturation')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/spo_two/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/spo_two/normal.png') }}" width="80"
                                                        alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/spo_two/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/spo_two/na.png') }}" width="80" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'Blood Pressure')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/bp/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/bp/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/bp/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/bp/na.png') }}" width="80" alt="">
                                                @endif
                                            @break
                                            @default
                                        @endswitch

                                    </div>
                                </div>
                                <div class="col">
                                    <div class="rate-detail">
                                        <h3 class="mb-2 rate-title">{{ $item->title }}</h3>
                                        <p class="disciption mb-2">{{ $item->description }}</p>
                                        <h4 class="font-16 mb-2 rate-level-text">{{ $item->status }} </h4>
                                        <p class="disciption mb-0">{{ $item->short_desc }}</p>
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="rate-score">
                                        @switch($item->title)
                                            @case($item->title == 'Oxygen Saturation')
                                                <p class="font-16 mb-0">SpO<sub>2</sub></p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'Blood Pressure')
                                                <p class="font-16 mb-0">BP</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @default
                                        @endswitch
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                <div class="pb-3">
                    <div class='text-center' style="font-size:14px">This is a limited scan result for demonstration purposes.</div>
                    <div class='text-center' style="font-size:14px">Use this kiosk inside TELUS Innovation Center <br> to  measure all 11 vitals.</div>
                </div>
            @else
                
                @foreach ($info->result->VITAL_SIGNS as $item)
                    <div class="rate-card mb-3">
                        <div class="row">
                            <div class="d-flex align-items-center">
                                <div class="col-3">
                                    <div class="rate-level pe-3 text-center">
                                        @switch($item->title)
                                            @case($item->title == 'Heart Rate')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/heart_rate/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/heart_rate/normal.png') }}" width="80"
                                                        alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/heart_rate/high_new.png') }}" width="80"
                                                        alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/heart_rate/na.png') }}" width="59" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'Breathing Rate')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/br_rate/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/br_rate/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/br_rate/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/br_rate/na.png') }}" width="80" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'PRQ')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/prq/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/prq/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/prq/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/prq/na.png') }}" width="80" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'HRV-SDNN')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/sdnn/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/sdnn/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'BELOW_NORMAL')
                                                    <img src="{{ asset('assets/sdnn/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/sdnn/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/sdnn/new_na.png') }}" width="80" alt="">
                                                @endif

                                            @default
                                        @endswitch

                                    </div>
                                </div>
                                <div class="col">
                                    <div class="rate-detail">
                                        <h3 class="mb-2 rate-title">{{ $item->title }}</h3>
                                        <p class="disciption mb-2">{{ $item->short_desc }}</p>

                                        <h4 class="font-16 mb-2 rate-level-text">{{ $item->status }} </h4>
                                        <p class="disciption mb-0">{{ $item->description }}</p>
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="rate-score">

                                        @switch($item->title)
                                            @case($item->title == 'Heart Rate')
                                                <p class="font-16 mb-0">HR</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'Breathing Rate')
                                                <p class="font-16 mb-0">BR</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'PRQ')
                                                <p class="font-16 mb-0">PRQ</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'HRV-SDNN')
                                                <p class="font-16 mb-0">AB</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @default
                                        @endswitch

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                @foreach ($info->result->BLOOD as $item)
                    <div class="rate-card mb-3">
                        <div class="row">
                            <div class="d-flex align-items-center">
                                <div class="col-3">
                                    <div class="rate-level pe-3 text-center">
                                        @switch($item->title)
                                            @case($item->title == 'Oxygen Saturation')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/spo_two/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/spo_two/normal.png') }}" width="80"
                                                        alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/spo_two/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/spo_two/na.png') }}" width="80" alt="">
                                                @endif
                                            @break

                                            @case($item->title == 'Blood Pressure')
                                                @if ($item->level == 'LOW')
                                                    <img src="{{ asset('assets/bp/low.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NORMAL')
                                                    <img src="{{ asset('assets/bp/normal.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'HIGH')
                                                    <img src="{{ asset('assets/bp/high.png') }}" width="80" alt="">
                                                @endif
                                                @if ($item->level == 'NA')
                                                    <img src="{{ asset('assets/bp/na.png') }}" width="80" alt="">
                                                @endif
                                            @break
                                            @case($item->title == "Hemoglobin")
                                            @if ($item->level == 'LOW')
                                                <img src="{{asset('assets/himoglob/low.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'NORMAL')
                                                <img src="{{asset('assets/himoglob/normal.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'HIGH')
                                                <img src="{{asset('assets/himoglob/high.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'NA')
                                                <img src="{{ asset('assets/himoglob/na.png') }}" width="80" alt="">
                                            @endif
                                        @break
                                        @case($item->title == "Hemoglobin A1c")
                                            {{-- @if ($item->level == 'LOW')
                                                <img src="{{asset('assets/h_one_ac/low.png')}}" width="80" alt="">
                                            @endif --}}
                                            @if ($item->level == 'NORMAL')
                                                <img src="{{asset('assets/h_one_ac/normal.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'HIGH_PRE_DIABETES')
                                                <img src="{{asset('assets/h_one_ac/mild.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'HIGH_POST_DIABETES')
                                                <img src="{{asset('assets/h_one_ac/high.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'NA')
                                                <img src="{{ asset('assets/h_one_ac/na.png') }}" width="80" alt="">
                                            @endif
                                        @break
                                            @default
                                        @endswitch

                                    </div>
                                </div>
                                <div class="col">
                                    <div class="rate-detail">
                                        <h3 class="mb-2 rate-title">{{ $item->title }}</h3>
                                        <p class="disciption mb-2">{{ $item->description }}</p>
                                        <h4 class="font-16 mb-2 rate-level-text">{{ $item->status }} </h4>
                                        <p class="disciption mb-0">{{ $item->short_desc }}</p>
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="rate-score">
                                        @switch($item->title)
                                            @case($item->title == 'Oxygen Saturation')
                                                <p class="font-16 mb-0">SpO<sub>2</sub></p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == 'Blood Pressure')
                                                <p class="font-16 mb-0">BP</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break

                                            @case($item->title == "Hemoglobin")
                                        <p class="font-16 mb-0">AB</p>
                                        @if ($item->level == 'NA')
                                            <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                        @else
                                            <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                        @endif
                                            <p class="font-16 mb-0">{{ $item->unit }}</p>
                                    @break
                                    @case($item->title == "Hemoglobin A1c")
                                    <p class="font-16 mb-0">AB</p>
                                        @if ($item->level == 'NA')
                                            <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                        @else
                                            <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                        @endif
                                            <p class="font-16 mb-0">{{ $item->unit }}</p>
                                    @break

                                            @default
                                        @endswitch
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                @foreach ($info->result->MENTAL_HEALTH as $item)
                <div class="rate-card mb-3">
                    <div class="row">
                    <div class="d-flex align-items-center">
                        <div class="col-3">
                            <div class="rate-level pe-3 text-center">
                                @switch($item->title)
                                    @case($item->title == "Stress Level")
                                         @if ($item->level == 'LOW')
                                            <img src="{{ asset('assets/sl/low.png') }}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'NORMAL')
                                            <img src="{{ asset('assets/sl/normal.png') }}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'MILD')
                                            <img src="{{ asset('assets/sl/mild.png') }}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'HIGH')
                                            <img src="{{ asset('assets/sl/high.png') }}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'VERY_HIGH')
                                            <img src="{{ asset('assets/sl/very_high.png') }}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'NA')
                                            <img src="{{ asset('assets/sl/na.png') }}" width="59" alt="">
                                        @endif
                                    @break
                                    @case($item->title == "Recovery Ability")
                                        @if ($item->level == 'LOW')
                                            <img src="{{asset('assets/ra/low.png')}}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'NORMAL')
                                            <img src="{{asset('assets/ra/normal.png')}}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'HIGH')
                                            <img src="{{asset('assets/ra/high.png')}}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'NA')
                                            <img src="{{ asset('assets/ra/na.png') }}" width="80" alt="">
                                        @endif
                                    @break

                                    @case($item->title == "Stress Response")
                                        @if ($item->level == 'LOW')
                                            <img src="{{asset('assets/sr/low.png')}}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'NORMAL')
                                            <img src="{{asset('assets/sr/normal.png')}}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'HIGH')
                                            <img src="{{asset('assets/sr/high.png')}}" width="80" alt="">
                                        @endif
                                        @if ($item->level == 'NA')
                                            <img src="{{ asset('assets/sr/na.png') }}" width="80" alt="">
                                        @endif
                                    @break
                                @default
                                @endswitch
                            </div>
                        </div>
                        <div class="col">
                            <div class="rate-detail">
                                <h3 class="mb-2 rate-title">{{$item->title}}</h3>
                                <p class="disciption mb-2">{{$item->description}}</p>
                                <h4 class="font-16 mb-2 rate-level-text">{{$item->status}}</h4>
                                <p class="disciption mb-0">{{$item->short_desc}}</p>
                            </div>
                        </div>
                        <div class="col-2">
                            <div class="rate-score">
                                @switch($item->title)
                                @case($item->title == "Recovery Ability")
                                    <p class="font-16 mb-0">AB</p>
                                    @if ($item->level == 'NA')
                                        <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                    @else
                                        <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                    @endif
                                    <p class="font-16 mb-0">{{ $item->unit }}</p>
                                @break

                                @case($item->title == "Stress Response")
                                    <p class="font-16 mb-0">AB</p>
                                    @if ($item->level == 'NA')
                                        <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                    @else
                                        <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                    @endif
                                    <p class="font-16 mb-0">{{ $item->unit }}</p>
                                @break

                                @case($item->title == 'Stress Level')
                                                <p class="font-16 mb-0">AB</p>
                                                @if ($item->level == 'NA')
                                                    <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                                @else
                                                    <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                                @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                            @break
                                @default
                                @endswitch
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                @endforeach 
                @foreach ($info->result->TEMPERATURE as $item)
                    <div class="rate-card mb-3">
                        <div class="row">
                        <div class="d-flex align-items-center">
                            <div class="col-3">
                                <div class="rate-level pe-3 text-center">
                                    @switch($item->title)
                                        @case($item->title == "Temperature")
                                            @if ($item->level == 'LOW')
                                                <img src="{{asset('assets/himoglob/low.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'NORMAL')
                                                <img src="{{asset('assets/himoglob/normal.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'HIGH')
                                                <img src="{{asset('assets/himoglob/high.png')}}" width="80" alt="">
                                            @endif
                                            @if ($item->level == 'NA')
                                                <img src="{{ asset('assets/h_one_ac/temp_na.png') }}" width="80" alt="">
                                            @endif
                                        @break
                                        @default
                                    @endswitch

                                </div>
                            </div>
                            <div class="col">
                                <div class="rate-detail">
                                    <h3 class="mb-2 rate-title">{{$item->title}}</h3>
                                    <p class="disciption mb-2">{{$item->short_desc}}</p>
                                    <h4 class="font-16 mb-2 rate-level-text">{{$item->status}}</h4>
                                    <p class="disciption mb-0 rate-level-text">{{$item->description}}</p>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="rate-score">
                                    @switch($item->title)
                                        @case($item->title == "Temperature")
                                            <p class="font-16 mb-0">TEMP</p>
                                            @if ($item->level == 'NA')
                                                <p class="font-20 font-medium my-2">{{ $item->level }}</p>
                                            @else
                                                <p class="font-20 font-medium my-2">{{ $item->observed_value }}</p>
                                            @endif
                                                <p class="font-16 mb-0">{{ $item->unit }}</p>
                                        @break
                                        @default
                                    @endswitch
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                @endforeach
            @endif   
        </div>
    @endif



    <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">

            <div class="modal-content">
                <div class="model-header d-flex justify-content-end"><i class="bi bi-x-circle text-dark mx-3"
                        data-bs-dismiss="modal" aria-label="Close"></i>
                </div>
                <div class="modal-body ">
                    {{-- <h1 class="modal-title fs-5" id="staticBackdropLabel">Modal title</h1> --}}

                    <div class="d-flex flex-column">
                        @php
                            $url = url('v2/email/' . $info->basic_info->generate_code);
                            $pdf = url('v2/pdf/' . $info->basic_info->generate_code);
                        @endphp
                        <div class="row">
                            <div class="col-4">
                                <a href="https://www.facebook.com/sharer/sharer.php?u={{ $url }}"
                                    class="btn btn-primary"><i class="bi bi-facebook"> Facebook</i>
                                </a>
                            </div>
                            <div class="col-4">
                                <a href="https://wa.me/?text={{ $url }}" class="btn btn-success"><i
                                        class="bi bi-whatsapp"></i> Whatsapp</a>
                            </div>
                            <div class="col-4">
                                <a href="{{ $info->url }}" traget="_blank" class="btn btn-danger">
                                    <i class="bi bi-filetype-pdf"></i>
                                    View PDF
                                </a>
                            </div>
                            {{-- <div class="col-3">
                                <a href="{{ $info->url }}" traget="_blank" class="btn btn-danger">
                                        <i class="bi bi-file-pdf-fill"></i>
                                        View PDF
                                    </a>
                            </div> --}}
                        </div>
                    </div>
                </div>

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

    <footer class="py-4">
        <div class="row justify-content-center">
            <div class="col-10">
                <a href="">
                    <img src="{{ asset('assets/images/download-icon.svg')}}" width="40" alt="Download" class="me-3">
                    Download our mobile app now!
                </a>
            </div>
        </div>
    </footer>


@endsection

@section('script')
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
    <script src="{{ asset('../js/share.js') }}"></script>
@endsection