@extends('Front.PatientLayout.mainLayout')
@section('title', 'My Copd Plan')
@section('css')
    <style>
        .scrollmenu {
            /* background-color: #333; */
            overflow: auto;
            white-space: nowrap;
        }

        .scrollmenu a {
            display: inline-block;
            /* color: white; */
            text-align: center;
            padding: 14px;
            text-decoration: none;
        }
    </style>
@endsection
@section('content')
    {{-- {{ pre($patientRecord->toArray()) }} --}}
    <div class="container-fluid bgDarkBlue " style="border-radius:0;">
        @if (count($errors) > 0)
            <div class="alert alert-secondary mt-2">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="row">
            <div class="col-sm-12">
                <div class="d-flex justify-content-center">
                    <div class="d-flex justify-content-center">
                        <div class="text-center col-sm-11 text-white mt-2 ">
                            <h3 class="text-white">
                                {{ __('mycopdplanview.mycopdtitle') }}
                            </h3>
                            <p class="fs-5 p-2 mt-5">
                                {{ __('mycopdplanview.subtitile1') }}
                            </p>
                            <p class="fs-5 p-2 mt-5">
                                {{ __('mycopdplanview.subtitile2') }}

                            </p>
                            <a href="{{ route('front.patient.Mycopdplan.editPlan') }}"
                                class="text-DarkBlue bg-white btn  fw-bold">{{ __('mycopdplanview.editbtn') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid  mt-4">
            <h4 class="text-white mx-3">{{ __('mycopdplanview.aboutme') }}</h4>
            @if (empty($patientRecord->spacer))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a
                        href="{{ route('front.patient.get-unwell-data.view', ['id' => encrypt($patientRecord->spacer), 'slug' => encrypt('spacer')]) }}">
            @endif
            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.myspacer') }}
                        </h6>
                        @if (!empty($spacerData->name))
                            <p>{{ $spacerData->name }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif
                    </div>
                </div>
            </div>
            </a>

            @if (empty($patientRecord->home_nebuliser))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a href="{{ route('front.patient.get-unwell-data.view', ['slug' => encrypt('home_nebuliser')]) }}">
            @endif
            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.homenebuliser') }} </h6>
                        @if (!empty($patientRecord->home_nebuliser))
                            <p>{{ $patientRecord->home_nebuliser }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif

                    </div>
                </div>
            </div>
            </a>
            @if (empty($patientRecord->rescue_pack))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a href="{{ route('front.patient.get-unwell-data.view', ['slug' => encrypt('rescue_pack')]) }}">
            @endif

            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.rescue') }}
                        </h6>
                        @if (!empty($patientRecord->rescue_pack))
                            <p>{{ $patientRecord->rescue_pack }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif
                    </div>
                </div>
            </div>
            </a>

            @if (empty($patientRecord->oxygen))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a href="{{ route('front.patient.get-unwell-data.view', ['slug' => encrypt('oxygen')]) }}">
            @endif

            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.Oxygen') }}
                        </h6>
                        @if (!empty($patientRecord->oxygen))
                            <p>{{ $patientRecord->oxygen }}</p>
                            <p>{{ $patientRecord->oxygen_term ?? '' }}</p>
                            <p>{{ $patientRecord->oxygen_cylinder ?? '' }}</p>
                            <p>{{ __('mycopdplanview.flowrate') }} : {{ $patientRecord->flow_rate ?? '' }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif
                    </div>
                </div>
            </div>
            </a>

            @if (empty($patientRecord->long_term_ventilation))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a
                        href="{{ route('front.patient.get-unwell-data.view', ['slug' => encrypt('long_term_ventilation')]) }}">
            @endif

            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.long-term') }}
                        </h6>
                        @if (!empty($patientRecord->long_term_ventilation))
                            <p>{{ $patientRecord->long_term_ventilation }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif
                    </div>
                </div>
            </div>
            </a>
            {{-- {{$patientRecord}} --}}
            @if (empty($patientRecord->pulmonary_rehabilitation))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a
                        href="{{ route('front.patient.get-unwell-data.view', ['slug' => encrypt('pulmonary_rehabilitation')]) }}">
            @endif

            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.pulmonary') }}
                        </h6>
                        @if (!empty($patientRecord->pulmonary_rehabilitation))
                            <p>{{ $patientRecord->pulmonary_rehabilitation }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif

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

            @if (empty($patientRecord->flu_vaccination))
                <a href="{{ route('front.patient.backWithNull.view') }}">
                @else
                    <a href="{{ route('front.patient.get-unwell-data.view', ['slug' => encrypt('flu_vaccination')]) }}">
            @endif

            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <div class="text-dark">
                        <h6>
                            {{ __('mycopdplanview.flu') }}
                        </h6>
                        @if (!empty($patientRecord->flu_vaccination))
                            <p>{{ $patientRecord->flu_vaccination }}</p>
                        @else
                            <p>{{ __('mycopdplanview.notdone') }} </p>
                        @endif
                    </div>
                </div>
            </div>
            </a>
        </div>
        {{-- {{pre($data)}} --}}
        <div class="container-fluid  mt-4">
            <h4 class="text-white mx-3">{{ __('mycopdplanview.treatment') }}</h4>
            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <h6>
                        {{ __('mycopdplanview.short-acting') }}
                    </h6>
                    @forelse ($data['short_therapy'] as $shortT)
                        {{-- {{pre($shortT['medication_name'])}} --}}
                        <a href="{{ route('front.patient.mytreatment.view') }}">
                            <div class="text-dark">
                                @if (!empty($shortT['medication_name']))
                                    <p>{{ $shortT['medication_name'] }}</p>
                                @else
                                    <p>{{ __('mycopdplanview.notdone') }} </p>
                                @endif
                            </div>
                        </a>
                    @empty
                        <div class="text-dark">
                            <p>
                                {{ __('mycopdplanview.notdone') }}
                            </p>
                        </div>
                    @endforelse
                </div>
            </div>
            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <h6>
                        {{ __('mycopdplanview.long-acting') }}
                    </h6>
                    @forelse ($data['long_therapy'] as $longT)
                        {{-- {{pre($longT)}} --}}
                        <a href="{{ route('front.patient.mytreatment.view') }}">
                            <div class="text-dark">
                                @if (!empty($longT['medication_name']))
                                    <p>{{ $longT['medication_name'] }}</p>
                                @else
                                    <p>{{ __('mycopdplanview.notdone') }} </p>
                                @endif
                            </div>
                        </a>
                    @empty
                        <div class="text-dark">
                            <p>
                                {{ __('mycopdplanview.notdone') }}
                            </p>
                        </div>
                        {{-- @endif --}}
                    @endforelse
                </div>
            </div>
            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <div class="row">
                    <h6>
                        {{ __('mycopdplanview.other') }}
                    </h6>
                    @forelse ($data['other'] as $otherT)
                        {{-- {{pre($shortT)}} --}}
                        <a href="{{ route('front.patient.mytreatment.view') }}">
                            <div class="text-dark">
                                @if (!empty($otherT['medication_name']))
                                    <p>{{ $otherT['medication_name'] }}</p>
                                @else
                                    <p>{{ __('mycopdplanview.notdone') }} </p>
                                @endif
                            </div>
                        </a>
                    @empty
                        <div class="text-dark">
                            <p>
                                {{ __('mycopdplanview.notdone') }}
                            </p>
                        </div>
                    @endforelse
                </div>
            </div>
        </div>
        <div class="container-fluid  mt-4">
            <h4 class="text-white mx-3">{{ __('mycopdplanview.mynormalvalue') }} </h4>
            <a href="{{ route('front.patient.my-normal-values.view', ['slug' => encrypt('fev1-fvc')]) }}">
                <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                    <div class="row">
                        <div class="text-dark">
                            <h6>
                                {{ __('mycopdplanview.FEV1/FVC') }}
                            </h6>
                            <p>
                                @if (!empty($patientRecord->post_bronchodilator_decimal))
                                    {{ $patientRecord->post_bronchodilator_decimal }}
                                @else
                                    0
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </a>
            <a href="{{ route('front.patient.my-normal-values.view', ['slug' => encrypt('fev1')]) }}">

                <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                    <div class="row">
                        <div class="text-dark">
                            <h6>
                                {{ __('mycopdplanview.FEV1') }}
                            </h6>
                            <p>
                                @if (!empty($patientRecord->post_bronchodilator_predicted))
                                    {{ $patientRecord->post_bronchodilator_predicted }}
                                @else
                                    0
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </a>
            <a href="{{ route('front.patient.my-normal-values.view', ['slug' => encrypt('spo2')]) }}">
                <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                    <div class="row">
                        <div class="text-dark">
                            <h6>
                                {{ __('mycopdplanview.Sp02') }}
                            </h6>
                            <p>
                                @if (!empty($patientRecord->target_oxygen_saturation))
                                    @if ($patientRecord->target_oxygen_saturation == 'on')
                                        {{ __('mycopdplanview.idontknow') }}
                                    @else
                                        {{ $patientRecord->target_oxygen_saturation }}
                                    @endif
                                @else
                                    {{ __('mycopdplanview.idontknow') }}
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </a>
        </div>

        <div class="container-fluid swips mt-4">
            <div class="col-12  rounded-4 p-3 mb-3 mt-4  bg-light">
                <h4 class="text-center">{{ __('education.topTip') }}</h4>
                <div class="">
                    <div class="scrollmenu">
                        {{-- {{ pre($data['trigger']) }} --}}
                        @foreach ($data['trigger'] as $trigger)
                            <a href="{{ route('front.patient.topTips.view', ['id' => encrypt($trigger['id'])]) }}"
                                class="col-2">
                                <img src=" {{ $trigger['logo_url'] }}" alt="profile_image"
                                    class="w-50 rounded rounded-circle shadow-sm img-fluid " style="aspect-ratio:1/1">
                                <p class="text-center mt-2"> {{ $trigger['name'] }}</p>
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection