@extends('V2.layouts.B2C')

@section('content')
    <div class="main_content removebootsrtap_padding">
        <div class="header_logo">
            <a class="disable_redirecting" href="javascript:void(0);">
                <img src="{{ config('services.bucket_url') . 'web/logo.png' }}" alt="image" />
            </a>
        </div>
        <div class="container">
            <header class="header">
                <div class="header_inner">
                    <div class="header_content">
                        <div class="head_title">
                            <div class="back_button">
                                <button type="button" id="btnBack">
                                    <img src="{{ Vite::asset('resources/images/back-icon-white.png') }}">
                                </button>
                            </div>
                            <h2>सिगरेट छोड़ना और मैं</h2>
                        </div>
                        <div class="progressbar_wrap">
                            <ul id="progress-bar" class="progressbar">
                                <li class="active"></li>
                                <li class="active"></li>
                                <li class="current page9"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </header>

            <div class="content_wrapper content_wrapper_interim">
                <div class="inner_title">
                    <h3>अपनी प्रगति सेव करें</h3>
                    <p>अपनी प्रगति सेव करने और आपके लिए एक कस्टम प्रोग्राम बनाने में हमारी मदद करने के लिए अपना ईमेल दर्ज
                        करें।</p>
                    <span class="error_msg"></span>
                </div>
                <form id="frmBasic" name="frmBasic">
                    <div class="wrap">
                        <div class="form_field">
                            <input class="input" type="email" placeholder="अपना ईमेल दर्ज करें" name="vEmail"
                                id="vEmail"
                                value="@if (Session::has('prefill_email')) {{ Session::pull('prefill_email') }} @endif">
                        </div>
                    </div>

                    <div class="form_field button_wrap">
                        <p class="cstm_margin_add">"शुरू करें" पर क्लिक करके, आप हमारी
                            <a href="https://www.quitsure.app/privacy"> प्राईवसी नीति </a> और
                            <a href="https://www.quitsure.app/terms"> सेवा की शर्तों </a> से सहमत होते हैं।
                        </p>
                        <button type="type" class="button" id="btnSubmit">शुरू करें</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Error Modal -->
    <div id="myErorModal" class="modal cstm_interim_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">चेतावनी!</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">इस ईमेल के लिए पहले से ही एक QuitSure अकाउंट मौजूद है।<br>
                        <strong>अगर आप आगे बढ़ते हैं, तो आपका डेटा नई दर्ज की गई जानकारी से अपडेट हो जाएगा।</strong><br>
                        क्या आप कोई दूसरा ईमेल पता इस्तेमाल करना चाहेंगे?
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary mr-auto" style="background: #D3D5D6;width: fit-content;"
                        id="btnNo">नहीं, जारी रखें</button>
                    <button type="button" class="btn btn-primary" style="background: #317685;"
                        data-dismiss="modal">हाँ</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('V2.B2C.partials.js.interimEmailJs')