@extends('V3.layouts.onBoarding')

@php
    $item1 = '';
    if ($vGoal == 'I want to quit smoking') {
        $item1 = "Become happily {$nicotineTypeLabelPresent}-free";
    } elseif ($vGoal == 'I want to reduce how much I smoke') {
        $item1 = "Cut back your {$nicotineTypeLabelPresentContinue}";
    } elseif ($vGoal == 'Continue staying smoke-free') {
        $item1 = "Stay happily {$nicotineTypeLabelPresent}-free";
    } elseif ($vGoal == 'I’m not sure yet') {
        $item1 = 'Gain control over nicotine';
    }

    $inputToCase = [
        'Improve my health' => 'Improve your overall health',
        'For my family' => 'Make your family proud',
        'Save money' => 'Save your money',
        'Enhance appearance' => 'Look younger and healthier',
        'More energy for daily life' => 'Gain the energy to thrive',
        'Mental peace' => 'Have peace of mind',
        'More time in the day' => 'Gain time for loved ones and hobbies',
        'Feel better about myself' => 'Increase confidence and self respect',
    ];

    $setQuittingReasons = array_values(array_filter($setQuittingReasons, function($value) { return $value !== 'Other'; }));

    if (count($setQuittingReasons) == 0) {
        $item2 = 'Improve your overall health';
        $item3 = 'Gain the energy to thrive';
    } elseif (count($setQuittingReasons) == 1) {
        $item2 = $inputToCase[$setQuittingReasons[0]];
        if ($setQuittingReasons[0] != 'Improve my health') {
            $item3 = 'Improve your overall health';
        } else {
            $item3 = 'Gain the energy to thrive';
        }
    } else {
        $item2 = $inputToCase[$setQuittingReasons[0]];
        $item3 = $inputToCase[$setQuittingReasons[1]];
    }
@endphp
@section('content')
    <div class="content_wrapper onboardingv3-radio">
        <div class="inner_title">
            <div>
                <h1>{{ $vName }}’s Plan</h1>
                <span class="error_msg"></span>
            </div>

            <div>
                <p class="light_primary"><strong>With our customized plan, we’ll help you:</strong></p>
                <p class="text-mute">(Based on your goals)</p>
                <br>
            </div>

            <div class="pill-wraper">
                <div class="pill">{{ $item1 }}</div>
                <div class="pill">{{ $item2 }}</div>
                <div class="pill">{{ $item3 }}</div>
            </div>


            <h2 class="light_primary money-back-title">
                <strong>Our promise is simple. See results or 100% money-back.</strong>
            </h2>

            <div class="info-card">
                <h3>How you will get there with us:</h3>
                <ul class="check-list">
                    <li>Neuroscience-based behavior change program</li>
                    <li>Daily mental exercises to eliminate cravings</li>
                    <li>Evidence-based tools for relapse prevention</li>
                    <li>A supportive community to motivate & answer questions</li>
                    <li>24/7 1:1 support from your personal coach</li>
                </ul>
            </div>


            <div class="rating-box">
                <div class="stars">
                    <i class="fa-solid fa-star light_primary"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                </div>
                <div class="rating-text light_primary">12K+ 5 Star Reviews</div>
            </div>
        </div>

        <div>
            <p class="text-mute">Built and endorsed by scientists from</p>
            <div class="plan-image-container">
                <div>
                    <img loading="lazy" alt="Image"
                         src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/other-assets/p7.2.1-stanford.png"/>
                </div>

                <div>
                    <img loading="lazy" alt="Image"
                         src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/other-assets/p7.2.1-ucsf.png"/>
                </div>
            </div>

            <div class="plan-rating-image-container">
                @if($isAndroid)
                    <img loading="lazy" alt="Image" style="width: 60%"
                         src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/other-assets/p6.5-android-laurel.jpg"/>
                @else
                    <img loading="lazy" alt="Image" style="width: 60%"
                         src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/other-assets/p6.5-ios-laurel.jpg"/>
                @endif
            </div>
        </div>
        <div class="form_field button_wrap">
            <button type="button" class="button onboardingv3-btn" name="btnSubmit" id="btnSubmit">Continue</button>
        </div>
    </div>
@endsection