@extends('V2.layouts.B2B')

@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>
                <div class="header_partner_logo">
                    <P>In Zusammenarbeit mit:</P>
                    <figure class="mt-2">
                        <img src="{{ $partnerLogo }}" alt="image" />
                    </figure>
                </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, in nur 6 Tagen ohne
                                        Verlangen aufzuhören.</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 zu.</a>
                                    </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>
            </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">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('V2.B2B.partials.js.emailJs')