@extends('V3.layouts.onBoarding')

@section('content')
    <div class="content_wrapper onboardingv3-analysis">
        <form id="frmBasic" name="frmBasic">
            <div class="text_wrapper">
                <span class="error_msg"></span>
                <h1 class="light_primary">Analyzing your answers…</h1>
                <div class="analysis-container">
                    <div class="progress-block" data-step="1">
                        <div class="title">
                            Demographic Profile <span class="percent">0%</span>
                        </div>
                        <div class="bar">
                            <div class="fill"></div>
                        </div>
                        <p class="desc"></p>
                    </div>

                    <div class="progress-block" data-step="2">
                        <div class="title">
                            Smoking Habits <span class="percent">0%</span>
                        </div>
                        <div class="bar">
                            <div class="fill"></div>
                        </div>
                        <p class="desc"></p>
                    </div>

                    <div class="progress-block" data-step="3">
                        <div class="title">
                            Motivation & Triggers <span class="percent">0%</span>
                        </div>
                        <div class="bar">
                            <div class="fill"></div>
                        </div>
                        <p class="desc"></p>
                    </div>
                </div>
                <p>
                    <small>We’re building your personalized plan using your answers and insights from millions of successful
                        QuitSure users.</small>
                </p>
            </div>
            <input type="hidden" name="vEscape" id="vEscape" value="" />
            <input type="hidden" name="vSeek" id="vSeek" value="" />
            <div class="form_field button_wrap" style="display: none;">
                <button type="button" class="button onboardingv3-btn" name="btnSubmit" id="btnSubmit">Next</button>
            </div>
        </form>

        <div id="popUpModal" class="onboardingv3-modal-overlay" style="display: none;">
            <div class="onboardingv3-modal-dialog">
                <div class="onboardingv3-modal-content">
                    <div class="onboardingv3-modal-body">
                        <p class="popup-title" style="font-size: 18px !important; font-weight: 600;"></p>
                        <div class="popup-options">
                            <!-- radios injected by JS -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection