@extends('Front.PatientLayout.mainLayout')
@section('title', 'Profile')
@section('css')
    <style>
        .text-blue {
            color: #0d3675;
        }
    </style>
@endsection
@section('content')

    {{-- {{ pre($finaleArray) }} --}}
    <div class="container-fluid p-3">
        <a href="{{ route('front.patient.settings.view') }}" class="float-end "><i class="fa fa-cog fs-3 "></i></a>
        <div class=" d-flex justify-content-center ">
            <a href="{{ route('front.patient.wellness-dail.view') }}"
                class="btn btn-dark bgDarkBlue mx-2 btn-md  fw-bold ">{{ __('dashboard.wellness_dial') }}</a>
            <a href="{{ route('front.patient.test-weight.view') }}"
                class="btn btn-secondary bg-white text-DarkBlue btn-md  fw-bold"><i
                    class="fa fa-file-text-o p-1
                 mx-2" aria-hidden="true"></i>Symptom log</a>
        </div>
        @php
            $profileData = Auth::User();
            if (isset($finaleArray['month'])) {
                $month = $finaleArray['month'];
            }
        @endphp
        <h3 class="d-flex justify-content-center mt-4">
            {{ __('dashboard.Hi') }} {{ $profileData->name }}
        </h3>

        <div class="d-flex justify-content-center mt-4">
            @if ($finaleArray['type'] == 'BETTER_MENOPAUSE')
                <div class="col-auto">
                    <div class="position-relative  rounded-circle   "
                        style=" inline-size: 28rem; block-size: 28rem; background: #fdd0d0;">
                        <div class="text-center">
                            <i class="text-red fa fa-times-circle fs-2 mb-2 mt-4 " aria-hidden="true"></i>
                            <div class="mt-5 ">
                                <h4 class="mb-3 p-4 " style="color: #ea7979">{{ $finaleArray['title'] }} </h4>
                                <p class="text-black fw-bold p-2">{{ $finaleArray['content'] }} </p>
                                <a href="{{ route('front.patient.overview-checker.view') }}"
                                    class="btn btn-dark bgDarkBlue mx-3 mt-3  btn-md fw-bold">{{ __('dashboard.find_out_more') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            @elseif ($finaleArray['type'] == 'GOOD_MENOPAUSE')
                <div class="position-relative rounded-circle"
                    style=" inline-size: 28rem; block-size: 28rem; background: #DEF5E5;">
                    <div class="text-center">
                        <i class="text-green fa fa-check-circle fs-2 mb-2 mt-7" aria-hidden="true"></i>
                        <div class="mt-4">
                            <h4 class="mb-4 p-4 text-green">{{ $finaleArray['title'] }}</h4>
                            <p>{{ $finaleArray['content'] }} </p>
                            <a href="{{ route('front.patient.overview-checker.view') }}"
                                class="btn btn-dark bgDarkBlue mx-3 mt-2 btn-md fw-bold">{{ __('dashboard.find_out_more') }}</a>
                        </div>
                    </div>
                </div>
            @elseif ($finaleArray['type'] == 'CURRENT_MONTH')
                <div class="position-relative  rounded-circle "
                    style=" inline-size: 28rem; block-size: 28rem; background: #d6e5f5;">
                    <div class="text-center ">
                        <i class=" fa fa-calendar-times-o fs-3 mb-2 mt-5 text-blue" aria-hidden="true"></i>
                        <div class="mt-5 p-2">
                            <h3 class="text-blue p-1 mb-4">{{ $finaleArray['content'] }}</h3>
                            <p>{{ $finaleArray['title'] }} </p>
                            <p> {{ __('dashboard.last_updated') }}:</p>
                            @if (isset($month) && !empty($month))
                                @php
                                    $carbonMonth = \Carbon\Carbon::createFromFormat('m', $month);
                                @endphp
                                <h4 class="text-blue">
                                    {{ $carbonMonth->format('M') }} {{ $finaleArray['year'] }}
                                </h4>
                            @endif

                            {{-- update asthma questions --}}
                            <a href="{{ route('front.patient.checker-question.view', ['is_edit' => Crypt::encrypt('NO')]) }}"
                                class="btn btn-dark bgDarkBlue mx-3 mt-4 btn-md fw-bold">{{ __('dashboard.recheck') }}</a>
                        </div>
                    </div>
                </div>
            @elseif ($finaleArray['type'] == 'NO_DATA')
                <div class="position-relative  rounded-circle   "
                    style=" inline-size: 28rem; block-size: 28rem; background: #d6e5f5;">
                    <div class="text-center">
                        <i class="text-blue mt-4 fa fa-flag-o fs-3 mb-5 " aria-hidden="true"></i>
                        <p class="text-black">{{ $finaleArray['content'] }}</p>
                        <div class="mt-5 p-2">
                            <h4 class="mb-4">{{ $finaleArray['title'] }}</h4>
                            <a href="{{ route('front.patient.start-questions.view') }}"
                                class="btn btn-dark bgDarkBlue mx-3 mt-4 btn-md fw-bold col-4">{{ __('dashboard.start') }}</a>
                        </div>
                    </div>
                </div>
                @elseif ($finaleArray['type'] == 'PICK_FLOW')
                <div class="col-auto">
                    <div class="position-relative  rounded-circle   "
                        style=" inline-size: 28rem; block-size: 28rem; background: #fdd0d0;">
                        <div class="text-center">
                            <i class="text-red fa fa-times-circle fs-2 mb-2 mt-4 " aria-hidden="true"></i>
                            <div class="mt-5 ">
                                <h4 class="mb-3 p-4 " style="color: #ea7979">{{ $finaleArray['title'] }} </h4>
                                <p class="text-black fw-bold p-2">{{ $finaleArray['content'] }} </p>
                                <a href="{{ route('front.patient.overview-checker.view') }}"
                                    class="btn btn-dark bgDarkBlue mx-3 mt-3  btn-md fw-bold">{{ __('dashboard.find_out_more') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
        <div class="d-flex justify-content-center mt-6">
            <a href="{{ route('front.patient.checkerhistory.view', ['year' => Crypt::encrypt(date('Y'))]) }}"
                class="btn btn-dark bgDarkBlue  btn-md fw-bold col-lg-4">{{ __('dashboard.ckHistory') }}</a>
        </div>
        <div class="d-flex justify-content-center">
            <div class=" text-center col-lg-6  mt-4">
                <p> {{ __('dashboard.homeDes') }}</p>
            </div>
        </div>
    </div>
@endsection