@extends('V3.layouts.onBoarding')

@section('content')
    <div class="content_wrapper onboardingv3-radio">
        <div class="inner_title">
            <h3 class="light_primary">Hi {{ $vName }},</h3>
            <h3>Your environment can play a major role in your ability to break smoking-related habits.</h3>
            <p>Which best describes the area you live in?</p>
            <span class="error_msg"></span>
        </div>
        <form id="frmBasic" name="frmBasic">
            <div class="_content_wrap">
                <div class="form_field">
                    <input class="radio" type="radio" name="vEnvironment" id="country" value="The country (rural)"
                        @checked($vEnvironment == 'The country (rural)')>
                    <label class="radio_btn onboardingv3-radio-btn" for="country">The country (rural)</label>
                </div>
                <div class="form_field">
                    <input class="radio" type="radio" name="vEnvironment" id="suburbs" value="The suburbs (or a smaller town)"
                        @checked($vEnvironment == 'The suburbs (or a smaller town)')>
                    <label class="radio_btn onboardingv3-radio-btn" for="suburbs">The suburbs (or a smaller town)</label>
                </div>
                <div class="form_field">
                    <input class="radio" type="radio" name="vEnvironment" id="city" value="A major city"
                        @checked($vEnvironment == 'A major city')>
                    <label class="radio_btn onboardingv3-radio-btn" for="city">A major city</label>
                </div>
            </div>
        </form>
    </div>
@endsection