@extends('website.desktop.layouts.app-payment')
@section('title') Pricing Plan Page @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="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>
                <div>
                    <h2 class="deactive-heading">Your account has been locked as you haven’t applied anywhere!</h2>
                    <p class="deactive-content">Do not worry! you can unlock your account and start applying to universities by buying our package.</p>
                </div>
            </div>
            @endif
                <div class="pricing-row">
                <div class="left">
                    <h2 class="heading">Start Your Personalised Study Abroad Journey at Just  <span>₹{{ @$plan->offer_price }}/-</span></h2>
                    <p class="title">Here’s What You Get in ₹{{ @$plan->offer_price }}</p>
                    {{-- <div class="benefits">
                            <div class="benefit-item">
                            <img src="/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="/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="/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="/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-desktop/images/start-journey/summary-card.svg" class="summary-card" alt="">
                    </div> --}}
                    {!! @$plan->plan_summary !!}
                    {{-- <div class="ielts-strip" >
                        <h2 class="strip-heading">More than 5,000 students successfully cleared <span>IELTS</span> with 7+ band scores.</h2>
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/ielts-passed.png" class="ielts-bg" alt="">
                    </div> --}}
                    <div class="pte-strip" Style="display:none;">
                        <h2 class="strip-heading">More than 2,000 students have successfully got 90+ score in PTE by our expert trainers!</h2>
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/pte-bg.png" class="pte-bg" alt="">
                    </div>
                    <div class="application-processing-strip" Style="display:none;">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/star.png" alt="">
                        <div>
                            <h2 class="strip-heading">FREE University shortlisting and Application processing</h2>
                            <p class="strip-content">Our Visa experts will analyse your probability of Visa success based on country specific pointer system.</p>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <p class="certified">Certified by</p>
                    <div class="companies-row">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/ICEF.png" alt="">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/ciac.png" alt="">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/British_Council.png" alt="">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/certified-career-analyst.png" alt="">
                    </div>
                    <div class="price-box">
                            <span>
                            <svg xmlns="http://www.w3.org/2000/svg" width="38" height="40" viewBox="0 0 38 40" fill="none">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9351 0C25.8416 4.30013 32.0791 6.33789 37.4354 5.85612C38.3695 24.4434 31.3867 35.4199 19.0079 40C7.05314 35.7129 -0.0157348 25.2083 0.50764 5.57292C6.79476 5.89844 12.9593 4.56055 18.9351 0Z" fill="#51B53C"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9403 2.2937C25.0519 6.1023 30.5771 7.90243 35.314 7.47599C36.1421 23.9278 29.9577 33.6446 19.0032 37.7006C8.42312 33.905 2.16582 24.6082 2.62957 7.2286C8.19456 7.51506 13.6536 6.33342 18.9403 2.2937Z" fill="white"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.1116 6.35815C23.822 9.2911 28.0752 10.6778 31.7256 10.3523C32.3616 23.0281 27.6015 30.5118 19.158 33.6368C19.105 33.6173 19.052 33.5977 18.999 33.5782C18.946 33.5977 18.893 33.6173 18.84 33.6368C10.3997 30.5118 5.63636 23.0281 6.27236 10.3523C9.92274 10.6811 14.1793 9.2911 18.8864 6.35815L18.9957 6.43953L19.1116 6.35815Z" fill="#51B53C"/>
                                    <path d="M12.22 18.9696L14.6945 18.9371L14.88 18.9827C15.3801 19.2659 15.8505 19.5881 16.2911 19.956C16.6091 20.2196 16.9105 20.5061 17.1987 20.8186C18.0865 19.4156 19.0338 18.1233 20.0342 16.9384C21.1306 15.6396 21.8163 14.9267 23.0353 13.8492L23.2771 13.7581H25.9801L25.4336 14.3505C23.7608 16.1767 22.714 17.6025 21.3426 19.5491C19.968 21.5022 18.7423 23.5139 17.6492 25.5842L17.308 26.2288L16.9966 25.5712C16.4203 24.357 15.7313 23.2437 14.9098 22.2476C14.0883 21.2515 13.131 20.3661 12.0146 19.6142L12.22 18.9696Z" fill="white"/>
                                </svg>
                            </span>
                                <p class="price-heading">
                                India’s <span>Most Trusted</span> Study Abroad Platform
                                </p>
                        <s class="price-off">₹{{ @$plan->price }}/-</s>
                        <div class="price-row">
                            <p class="main-price">₹{{ @$plan->offer_price }}/-</p>
                            <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
                        <p class="term-cond">By continuing you agree to all <a href="{{ route('website.termsCondition') }}" class="terms-cond-anchor">terms & conditions</a></p>
                    </div>
                    <div class="secure-box">
                            <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9771 33.7079C21.9097 32.0226 29.2132 27.5282 29.2132 18.5394V6.17981C29.2132 6.17981 21.3479 6.17981 17.9771 2.24731C14.6063 6.17981 6.74121 6.17981 6.74121 6.17981V18.5394C6.74121 27.5282 14.0446 32.0226 17.9771 33.7079Z" fill="#07864B"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9774 10.6743C15.8056 10.6743 14.0449 12.4349 14.0449 14.6068C14.0449 15.801 14.0449 16.854 14.0449 16.854C14.0449 17.1643 14.2964 17.4159 14.6066 17.4159H21.3482C21.6586 17.4159 21.91 17.1643 21.91 16.854C21.91 16.854 21.91 15.801 21.91 14.6068C21.91 12.4349 20.1494 10.6743 17.9774 10.6743ZM20.7865 16.2922H15.1685V14.6068C15.1685 13.0554 16.426 11.7979 17.9774 11.7979C19.5288 11.7979 20.7865 13.0554 20.7865 14.6068V16.2922Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M23.0333 16.8538C23.0333 16.7048 22.9741 16.5619 22.8688 16.4566C22.7635 16.3512 22.6205 16.292 22.4716 16.292C20.7013 16.292 15.2528 16.292 13.4827 16.292C13.3338 16.292 13.1908 16.3512 13.0855 16.4566C12.9801 16.5619 12.9209 16.7048 12.9209 16.8538C12.9209 17.8066 12.9209 19.7878 12.9209 21.3482C12.9209 22.2422 13.276 23.0996 13.9083 23.7317C14.5404 24.3638 15.3978 24.719 16.2917 24.719C17.3764 24.719 18.5779 24.719 19.6625 24.719C20.5565 24.719 21.4139 24.3638 22.046 23.7317C22.6781 23.0996 23.0333 22.2422 23.0333 21.3482C23.0333 19.7878 23.0333 17.8066 23.0333 16.8538Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M17.416 20.2247V21.3482C17.416 21.6583 17.6677 21.9101 17.9777 21.9101C18.2878 21.9101 18.5396 21.6583 18.5396 21.3482V20.2247C18.5396 19.9146 18.2878 19.6628 17.9777 19.6628C17.6677 19.6628 17.416 19.9146 17.416 20.2247Z" fill="#07864B"/>
                            </svg>
                            <p class="content">
                            This payment is 100% secure by razorpay
                            </p>
                    </div>
                    <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/payments.svg" alt="" width="100%" class="payments-accepted">
                </div>
                </div>
            </div>
        </section>
    </main>
@endsection
@section('css')
    <link rel="stylesheet"
        href="{{ asset('frontend') }}/assets-desktop/css/studyPlans-99.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>
        function showPopup()
        {
            $('#login').show();
        }
    </script>
@endsection