@extends('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>Deja de Fumar, Empieza a Vivir</h3>
                                    <p class="light_txt">
                                        Una solución clínicamente probada diseñada para ayudarte a <b>dejar de fumar sin
                                            antojos</b>
                                        <span class="cstm_block">en solo 6 días.</span>
                                    </p>
                                    <P class="light_txt mt-3"><b>¡Descubre tu plan personalizado hoy mismo!</b></P>
                                    <form class="cstm_submit" id="frmBasic" name="frmBasic">
                                        <div class="see_emails">
                                            <input type="email" name="vEmail" id="vEmail" placeholder="EMAIL"
                                                value="@if (Session::has('prefill_email')) {{ Session::pull('prefill_email') }} @endif">
                                            <button id="btnSubmit" type="button">DEJAR DE FUMAR</button>
                                        </div>
                                        <div class="error_msg">
                                            <p class="error_msg_color"></p>
                                        </div>
                                    </form>
                                    <p class="light_txt">
                                        Al hacer clic en "Dejar de Fumar", aceptas nuestra
                                        <a href="https://www.quitsure.app/privacy">Política de Privacidad</a> y
                                        <a href="https://www.quitsure.app/terms">Términos de Servicio</a>.
                                    </p>

                                    <span>
                                        QuitSure valora tu privacidad y garantiza la confidencialidad de tus datos. <br>
                                        Te enviaremos un código de verificación para asegurarnos de que este correo te
                                        pertenece antes de crear tu programa.
                                    </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">Ya existe una cuenta de QuitSure para este correo
                        electrónico.<br>
                        <strong>Si continúas, tus datos se actualizarán con la nueva información que ingresaste
                            aquí.</strong><br>
                        ¿Quieres elegir una dirección de correo electrónico diferente?
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary mr-auto" style="background: #D3D5D6;width: fit-content;"
                        id="btnNo">No, continuar</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')