@extends('layouts.B2C')

@section('content')
    <div class="wrapper_new_email_b2b">
        <div class="wrap_left">
            <div class="header_logo">
                <a class="disable_redirecting" href="javascript:void(0);">
                    <img src="{{ Vite::asset('resources/images/logo-loading-page.png') }}" alt="image" />
                </a>
            </div>

            <h3>Stop Smoking, Start <br> Living</h3>

            <p class="light_txt">Your science-backed solution to a happy, smoke-free life
                <span class="cstm_block"><b>without cravings</b> - discover your personalized plan today!</span>
            </p>

            <p class="orange_txt">We ask for your email to save your progress and build your customised program. Your
                information is safe with us—no spam, ever.</p>

            <form class="cstmb2b_emails" id="frmBasic" name="frmBasic">
                <input class="input form-control" id="vEmail" name="vEmail" type="email"
                    placeholder="Enter your email"
                    value="@if (Session::has('prefill_email')) {{ Session::pull('prefill_email') }} @endif">
                <div class="error_msg">
                    <p class="error_msg_color"></p>
                </div>
                <button type="button" id="btnSubmit">Get Started</button>
            </form>
            <p class="light_txt bottom_policy">
                By clicking "Get Started", you agree to our <a href="https://www.quitsure.app/privacy">Privacy Policy</a>
                and <a href="https://www.quitsure.app/terms">Terms of Service</a>
            </p>
            <span class="clr_primary">
                We will send you a verification code to make sure this email belongs to you before we build your program.
            </span>
        </div>
        <div class="wrap_right">
            <div class="wrap_countries_txt">
                <img class="doublequoted" src="{{ Vite::asset('resources/images/doublequote.png') }}" alt="image" />
                <p>QuitSure has transformed the lives of tens of thousands of people around the world across</p>
                <h3>160+ countries</h3>
            </div>

            <img class="world_map" src="{{ Vite::asset('resources/images/worldmap.png') }}" alt="image" />
            <img class="world_map_mobile" src="{{ Vite::asset('resources/images/worldmapmobile.png') }}" alt="image" />

            <ul>
                <li>
                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image">
                    <span>Clinically Proven Program</span>
                </li>
                <li>
                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image">
                    <span>No Change in Routine/Friends</span>
                </li>
                <li>
                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image">
                    <span>No Gums or Patches</span>
                </li>
                <li>
                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image">
                    <span>24/7 Expert Coaching</span>
                </li>
            </ul>
        </div>
    </div>

    <!-- Error Modal -->
    <div id="myErorModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myErrorLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modal-content-cstm">
                <div class="modal-header">
                    <h3 id="myErrorLabel" class="modal-title">Warning!</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-justify">
                    <p class="my_error_boday" id="myErrorBody">A QuitSure account already exists for this email. <br>
                        <strong>If you continue, your data will be updated to the new data entered by you here.</strong><br>
                        Would you like to choose a different email address?
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary mr-auto" style="background: #D3D5D6;" id="btnNo">No,
                        continue</button>
                    <button type="button" class="btn btn-primary" style="background: #317685;"
                        data-dismiss="modal">YES</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('partials.js.B2C.emailJs')