@extends('V2.layouts.B2C')

@section('content')
    <div class="wrapper_email_b2b">
        <div class="wrapper_partner_header">
            <header class="header">
                <div class="header_logo">
                    <a class="disable_redirecting" href="javascript:void(0);">
                        <img src="{{ config('services.bucket_url') . 'web/partner_qs_logo.png' }}" alt="image" />
                    </a>
                </div>
            </header>
        </div>

        <div class="wrapper_b2b_txt">
            <section class="verify_emails">
                <figure class="back_Bg cstm_bacK-bg">
                    <img src="{{ config('services.bucket_url') . 'web/program_right.png' }}" alt="image" />
                </figure>
                <div class="container">
                    <div class="cstm_margin_b2b">
                        <div class="row ">
                            <div class="col-lg-8 col-md-7 col-sm-12">
                                <div class="wrap_content">
                                    <h3>Hör auf zu rauchen, fang an zu leben</h3>
                                    <p class="light_txt">Eine klinisch erprobte Lösung, die dir hilft, <b>ohne Verlangen
                                            aufzuhören</b>
                                        <span class="cstm_block">in nur 6 Tagen.</span>
                                    </p>

                                    <P class="light_txt mt-3"><b>Entdecke heute deinen personalisierten Plan!</b></P>
                                    <form class="cstm_submit" id="frmBasic" name="frmBasic">
                                        <div class="see_emails">
                                            <input type="email" name="vEmail" id="vEmail" placeholder="E-MAIL"
                                                value="@if (Session::has('prefill_email')) {{ Session::pull('prefill_email') }} @endif">
                                            <button id="btnSubmit" type="button">RAUCHEN AUFHÖREN</button>
                                        </div>
                                        <div class="error_msg">
                                            <p class="error_msg_color"></p>
                                        </div>
                                    </form>

                                    <p class="light_txt">
                                        Indem du auf „Rauchen aufhören“ klickst, stimmst du unserer
                                        <a href="https://www.quitsure.app/privacy">Datenschutzrichtlinie</a> und unseren
                                        <a href="https://www.quitsure.app/terms">Nutzungsbedingungen</a> zu.
                                    </p>

                                    <span>
                                        QuitSure schätzt deine Privatsphäre und sorgt für die Vertraulichkeit deiner Daten.
                                        <br>
                                        Wir senden dir einen Bestätigungscode, um sicherzustellen, dass diese E-Mail dir
                                        gehört, bevor wir dein Programm erstellen.
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-5 col-sm-12">
                                <figure class="otp_shape_image_fig">
                                    <img src="{{ config('services.bucket_url') . 'web/b2b_flow_img.png' }}"
                                        alt="image" />
                                </figure>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_content cstm_margin_b2b">
                        <div class="row align-items-center cstm_row_image">
                            <div class="col-lg-2 col-md-2 col-sm-2 col-6">
                                <div class="cstm_lower_image_width">
                                    <img src="{{ config('services.bucket_url') . 'web/b2bindianimg.png' }}"
                                        alt="image" />
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-6">
                                <div class="cstm_lower_image_width">
                                    <img src="{{ config('services.bucket_url') . 'web/b2bhindustanimg.png' }}"
                                        alt="image" />
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-6">
                                <div class="cstm_lower_image_width cstm_width_b2bImage">
                                    <img src="{{ config('services.bucket_url') . 'web/b2bcnbimg.png' }}" alt="image" />
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-6">
                                <div class="cstm_lower_image_width">
                                    <img src="{{ config('services.bucket_url') . 'web/b2bcnncimg.png' }}" alt="image" />
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-6">
                                <div class="cstm_lower_image_width">
                                    <img src="{{ config('services.bucket_url') . 'web/b2byahooimg.png' }}" alt="image" />
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-6">
                                <div class="cstm_lower_image_width cstm_width_b2bImage2">
                                    <img src="{{ config('services.bucket_url') . 'web/b2bAninewsimg.png' }}"
                                        alt="image" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </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">चेतावनी!</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.emailJs')