@extends('website.desktop.layouts.app-payment')
@section('title')
    Study Plans Page - Gradding
@endsection
@section('main')
@php
    $features1 = json_decode(@$plans[0]->features);
    $features2 = json_decode(@$plans[1]->features);
@endphp
    <main>  
        <section class="studyplan-99">
            <div class="container">
            @if($lock === 'true')
            <div class="deactivated">
                <div class="unlocked-row">
                    <div class="lottie-player">
                        <lottie-player class="lottie-play" src="/frontend/assets-desktop/js/profile-locked.json" background="transparent" speed="1" width="100%" height="100%"loop autoplay></lottie-player>
                    </div>
                    <h2 class="deactive-heading">Your account has been locked as you haven’t applied anywhere!</h2>
                </div>
                <p class="deactive-content">Do not worry! you can unlock your account and start applying to universities by buying our package.</p>
            </div>
            @endif
                <h2 class="heading">Start Your Personalised Study Abroad Journey at Just <span>₹{{ @$plan->offer_price }}/-</span></h2>
                <div class="trusted-box">
                        <span><svg xmlns="http://www.w3.org/2000/svg" width="36" height="38" viewBox="0 0 36 38" fill="none">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8605 0.710938C24.2531 4.69105 30.0263 6.57716 34.984 6.13124C35.8486 23.3352 29.3855 33.4949 17.928 37.7341C6.86282 33.7661 0.320021 24.0433 0.804446 5.86912C6.62368 6.17041 12.3295 4.93209 17.8605 0.710938Z" fill="#51B53C"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8653 2.83398C23.522 6.35914 28.6361 8.02531 33.0204 7.63061C33.7869 22.8581 28.0627 31.8518 17.9235 35.6059C8.1308 32.0928 2.33916 23.4878 2.7684 7.40162C7.91925 7.66676 12.972 6.57306 17.8653 2.83398Z" fill="#F7FFF5"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M18.024 6.59595C22.3838 9.31062 26.3205 10.5941 29.6992 10.2928C30.2879 22.0253 25.8821 28.9521 18.0669 31.8445C18.0178 31.8264 17.9688 31.8084 17.9197 31.7903C17.8707 31.8084 17.8216 31.8264 17.7726 31.8445C9.96044 28.9521 5.55156 22.0253 6.14023 10.2928C9.51894 10.5972 13.4587 9.31062 17.8155 6.59595L17.9167 6.67127L18.024 6.59595Z" fill="#51B53C"/>
                            <path d="M11.6452 18.2688L13.9355 18.2387L14.1072 18.2809C14.5701 18.543 15.0055 18.8413 15.4133 19.1817C15.7076 19.4258 15.9866 19.6909 16.2533 19.9802C17.075 18.6816 17.9519 17.4854 18.8778 16.3887C19.8927 15.1866 20.5273 14.5267 21.6556 13.5294L21.8794 13.4451H24.3813L23.8754 13.9934C22.327 15.6837 21.3582 17.0034 20.0889 18.8051C18.8165 20.6129 17.6821 22.4749 16.6703 24.3911L16.3545 24.9877L16.0663 24.3791C15.5328 23.2552 14.8951 22.2248 14.1347 21.3029C13.3744 20.3809 12.4883 19.5614 11.4551 18.8654L11.6452 18.2688Z" fill="#F7FFF5"/>
                            </svg>
                        </span>
                        <p class="title">India’s <span>Most Trusted</span> Study Abroad Plaform</p>
                        <p class="certified">Certified by</p>
                        <div class="companies-row">
                        <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/ICEF.png" alt="">
                        <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/ciac.png" alt="">
                        <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/British_Council.png" alt="">
                        <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/certified-career-analyst.png" alt="">
                    </div>
                </div>
                <p class="get-price">Here’s What You Get in ₹{{ @$plan->offer_price }}</p>
                {{-- <div class="benefits">
                            <div class="benefit-item">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/checkmark.svg" alt="">
                                        <div>
                                            <p class="title">Profile Assessment</p>
                                            <p class="sub-title">Our analysts will evaluate your profile to provide personalised university and course selection assistance.</p>
                                        </div>
                            </div>
                            <div class="benefit-item">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/checkmark.svg" alt="">
                                        <div>
                                            <p class="title">Financial Evaluation</p>
                                            <p class="sub-title">Our financial experts will analyse your fund requirements, loan eligibility and scholarship availability.</p>
                                        </div>
                            </div>
                            <div class="benefit-item">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/checkmark.svg" alt="">
                                        <div>
                                            <p class="title">Visa Evaluation</p>
                                            <p class="sub-title">Our professionals assess your visa approval probability and success rate based on country-specific calculations.</p>
                                        </div>
                            </div>
                            <div class="benefit-item">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/checkmark.svg" alt="">
                                        <div>
                                            <p class="title">Application Processing</p>
                                            <p class="sub-title">Our specialists will shortlist universities based on our preference and process your application beforehand.</p>
                                        </div>
                            </div>
                </div>
                <div class="blue-strip">
                    <h2 class="strip-heading">More than 15,000 students have completed their study abroad journey with us.</h2>
                    <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/summary-card.svg" class="summary-card" alt="">
                </div> --}}
                {!! @$plan->plan_summary !!}
                <div class="ielts-strip" style="display:none;">
                        <h2 class="strip-heading">More than 5,000 students successfully cleared <span>IELTS</span> with 7+ band scores.</h2>
                        <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/ielts-passed.png" class="ielts-bg" alt="">
                    </div>
                    <div class="pte-strip" style="display:none;">
                        <h2 class="strip-heading">More than 5,000 students successfully cleared <span>IELTS</span> with 7+ band scores.</h2>
                        <img src="{{ asset('frontend') }}/assets-mobile/images/start-journey/pte-bg.png" class="pte-bg" alt="">
                    </div>
                    <div class="application-processing-strip" Style="display:none;">
                        <div class="row">
                           <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/star.png" alt="">
                            <h2 class="strip-heading">FREE University shortlisting and Application processing</h2>
                        </div>
                        <p class="strip-content">Our Visa experts will analyse your probability of Visa success based on country specific pointer system.</p>
                    </div>
            </div>
            <div class="price-box">
                <div class="row">
                <div class="price-div">
                    <span class="main-price">₹{{ @$plan->offer_price }}/-</span>
                    <s class="price-off">₹{{ @$plan->price }}/-</s>
                </div>
                    <p class="offer-price">(Offer Price)</p>
                </div>
                @if(auth()->check())
                    <a href="{{ route('payment.studentPlan',["id" => encrypt(@$plan->id)]) }}" class="buynow-btn">Buy Now</a>
                @else
                    <a href="javascript:;" onclick="showPopup()" class="buynow-btn">Buy Now</a>
                @endif
            </div>
        </section>
    </main>
    @include('website.mobile.partials.modals.authModal')
@endsection
@section('css')
    <link rel="stylesheet" href="{{ asset('frontend') }}/assets-mobile/css/studyPlans-99.css?v={{ env('ASSETS_VERSION') }}">
    <link rel="stylesheet"
        href="{{ asset('frontend') }}/assets-desktop/css/modals/plan-lead-popup.css?v={{ env('ASSETS_VERSION') }}">
    <link rel="stylesheet"
        href="{{ asset('frontend') }}/assets-desktop/css/modals/plan-lead-validate-popup.css?v={{ env('ASSETS_VERSION') }}">
    <link rel="stylesheet"
        href="{{ asset('frontend') }}/assets-desktop/css/modals/login-pin-popup.css?v={{ env('ASSETS_VERSION') }}">
    <link rel="stylesheet"
        href="{{ asset('frontend') }}/assets-desktop/css/modals/login-success.css?v={{ env('ASSETS_VERSION') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('frontend') }}/assets-desktop/css/modals/authModal-new.css?v={{env('ASSETS_VERSION')}}">
@endsection
@section('script')
    <script src="{{ asset('frontend') }}/assets-desktop/js/jquery-3.7.0.min.js?v={{env('ASSETS_VERSION')}}"></script>
    <script src="{{ asset('frontend') }}/assets-desktop/js/validation.js?v={{ env('ASSETS_VERSION') }}"></script>
    <script>
        function showPopup()
        {
            $('#login').show();
        }
    </script>
@endsection