@extends('Front.PatientLayout.mainLayout')
@section('title', 'My Copd Plan')

@section('content')
    {{-- {{pre($data)}} --}}

    <div class="container-fluid m-0 p-0 ">
        <nav class="navbar  ">
            <div class="d-flex mb-2 ">
                <a href="{{ route('front.patient.mycopd-plan.view') }}">
                    <i class="mt-2 p-2 fa fa-arrow-left  fs-4 float-start ms-2 ">
                    </i></a>
                {{-- <h5 class="m-2 p-2 text-center ">
                    Resources
                </h5> --}}
            </div>
        </nav>
        <div class="d-flex justify-content-center bg-darkBlue ">
            <div class="p-4 col-sm-12 text-white  ">
                <div class="d-flex">
                    <img src="{{s3Url('uploads/patient/image_2023_03_28T10_30_13_007Z.png') }}" class="img-fluid mx-3 p-1 "
                        style="width: 4rem; height: 4rem;">
                    <h4 class="text-white mt-2 p-2">
                        {{ __('mycopdplanview.medication_title') }}
                    </h4>
                </div>

                <p class=" p-2 mt-3">
                    {!! __('mycopdplanview.medication_sub_title') !!}

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


        <div class="container-fluid  mt-5">
            <div class="mb-3">
                <h4> {{ __('mycopdplanview.short-acting') }}</h4>
                @forelse ($data['therapy']['short_therapy'] as $key=> $shortTh)
                    {{-- {{pre($shortTh)}} --}}
                    @if ($shortTh['therapy_ID'] == 'none')
                        <div class="card mt-3 card-frame shadow">
                            <h6 class="mb-5  mt-4 p-3 text-center text-muted"> {{ __('mycopdplanview.no_data') }}</h6>
                        </div>
                    @else
                        <a
                            href="{{ route('front.patient.medication-detail.view', ['id' => encrypt($shortTh['therapy_ID'])]) }}">
                            <div class="p-2 card  shadow p-3 mb-5 card-frame mt-3">
                                <div class="row g-0">
                                    <div class="col-3 img">
                                        @if (!empty($shortTh['medication_image'][0]))
                                            <img src="{{ $shortTh['medication_image'][0] }}"
                                                class=" img-fluid position-absolute top-50 start-50 translate-middle "
                                                alt="Logo" style="max-width:6rem; aspect-ratio:3/4">
                                        @endif
                                    </div>
                                    <div class="col-8">
                                        <div class="card-body">
                                            <h5>{{ $shortTh['medication_name'] }}</h5>
                                            <p>
                                                {{ $shortTh['number_of_dose'] . '  ' . $shortTh['medication_unit'] . '  ' . $shortTh['frequency_name'] . '  ' . $shortTh['take_medication'] }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    @endif

                @empty
                    <div class="card mt-3 card-frame shadow">

                        <h6 class="mb-5  mt-4 p-3 text-center text-muted"> {{ __('mycopdplanview.no_data') }}</h6>
                    </div>
                @endforelse
            </div>
            <div class="mb-3 mt-5">
                <h4> {{ __('mycopdplanview.long-acting') }}</h4>
                @forelse ($data['therapy']['long_therapy'] as $key=> $shortTh)
                    {{-- {{pre($shortTh)}} --}}
                    @if ($shortTh['therapy_ID'] == 'none')
                        <div class="card mt-3 card-frame shadow">
                            <h6 class="mb-5  mt-4 p-3 text-center text-muted"> {{ __('mycopdplanview.no_data') }}</h6>
                        </div>
                    @else
                        <a
                            href="{{ route('front.patient.medication-detail.view', ['id' => encrypt($shortTh['therapy_ID'])]) }}">
                            <div class="p-2 card  shadow p-3 mb-5 card-frame mt-3">
                                <div class="row g-0">
                                    <div class="col-3 img">
                                        @if (!empty($shortTh['medication_image'][0]))
                                            <img src="{{ $shortTh['medication_image'][0] }}"
                                                class=" img-fluid position-absolute top-50 start-50 translate-middle "
                                                alt="Logo" style="max-width:6rem; aspect-ratio:3/4">
                                        @endif

                                    </div>
                                    <div class="col-8">
                                        <div class="card-body">
                                            <h5>{{ $shortTh['medication_name'] }}</h5>
                                            <p>
                                                {{ $shortTh['number_of_dose'] . '  ' . $shortTh['medication_unit'] . '  ' . $shortTh['frequency_name'] . '  ' . $shortTh['take_medication'] }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    @endif



                @empty
                    <div class="card mt-3 card-frame shadow">
                        <h6 class="mb-5  mt-4 p-3 text-center text-muted"> {{ __('mycopdplanview.no_data') }}</h6>
                    </div>
                @endforelse
            </div>
            <div class="mb-3 mt-5">
                <h4> {{ __('mycopdplanview.other') }}</h4>
                @forelse ($data['therapy']['other'] as $key=> $shortTh)
                    {{-- {{pre($shortTh)}} --}}
                    @if ($shortTh['therapy_ID'] == 'none')
                        <div class="card mt-3 card-frame shadow">
                            <h6 class="mb-5  mt-4 p-3 text-center text-muted"> {{ __('mycopdplanview.no_data') }}</h6>
                        </div>
                    @else
                        <a
                            href="{{ route('front.patient.medication-detail.view', ['id' => encrypt($shortTh['therapy_ID'])]) }}">

                            <div class="p-2 card  shadow p-3 mb-5 card-frame mt-3">
                                <div class="row g-0">
                                    <div class="col-3 img">
                                        @if (!empty($shortTh['medication_image'][0]))
                                            <img src="{{ $shortTh['medication_image'][0] }}"
                                                class=" img-fluid position-absolute top-50 start-50 translate-middle "
                                                alt="Logo" style="max-width:6rem; aspect-ratio:3/4">
                                        @endif
                                    </div>
                                    <div class="col-8">
                                        <div class="card-body">
                                            <h5>{{ $shortTh['medication_name'] }}</h5>
                                            <p>
                                                {{ $shortTh['number_of_dose'] . '  ' . $shortTh['medication_unit'] . '  ' . $shortTh['frequency_name'] . '  ' . $shortTh['take_medication'] }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    @endif

                @empty
                    <div class="card mt-3 card-frame shadow">
                        <h6 class="mb-5  mt-4 p-3 text-center text-muted"> {{ __('mycopdplanview.no_data') }}</h6>
                    </div>
                @endforelse
            </div>
        </div>


    @endsection