@extends('V3.layouts.onBoarding')

@section('content')
    <div class="content_wrapper onboardingv3-radio">
        <div class="inner_title">
            <h3 class="light_primary">Hi {{ $vName }},</h3>
            <h3>Sex and hormones impact our relationship with nicotine.</h3>
            <p>Which sex best describes you?</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="vGender" id="female" value="female"
                        @checked($vGender == 'female')>
                    <label class="radio_btn onboardingv3-radio-btn" for="female">Female</label>
                </div>
                <div class="form_field">
                    <input class="radio" type="radio" name="vGender" id="male" value="male"
                        @checked($vGender == 'male')>
                    <label class="radio_btn onboardingv3-radio-btn" for="male">Male</label>
                </div>
                <div class="form_field">
                    <input class="radio" type="radio" name="vGender" id="others" value="others"
                        @checked($vGender == 'others')>
                    <label class="radio_btn onboardingv3-radio-btn" for="others">Prefer not to say</label>
                </div>
            </div>
        </form>
    </div>
@endsection