@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <span class="error_msg"></span>
        <form id="frmBasic" name="frmBasic">
            @if (in_array('Cigarettes', $setNicotineTypes))
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>I started smoking</h3>
                        </div>
                        <div class="form_field form_field2">
                            <input class="input inputYearLimit" type="number" min="0" name="iStartedSmoking"
                                value="{{ $smokingStatus['iStartedSmoking'] ?? '' }}" onkeypress="return numbersonly(event)"
                                inputmode="numeric">
                            <label><b>years ago</b></label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>I typically {{ $bAlreadyQuit ? 'smoked' : 'smoke' }}</h3>
                        </div>
                        <div class="form_field form_field2">
                            <input class="input" type="number" min="0" max="300" name="iSmokingCigarettes"
                                id="inputLimit" value="{{ $smokingStatus['iSmokingCigarettes'] ?? '' }}"
                                onkeypress="return numbersonly(event)" inputmode="numeric">
                            <label><b>cigs per</b></label>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>day</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>week</option>
                            </select>
                        </div>
                    </div>
                </div>
            @elseif (count($setNicotineTypes) == 1 && in_array('Smokeless (chewing, inhalers, snusing, etc.)', $setNicotineTypes))
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>I started consuming nicotine/tobacco</h3>
                        </div>
                        <div class="form_field form_field2">
                            <input class="input inputYearLimit" type="number" name="iStartedSmoking" min="0"
                                pattern="^\d*(\.\d{0,2})?$" value="{{ $smokingStatus['iStartedSmoking'] ?? '' }}"
                                onkeypress="return numbersonly(event)" inputmode="numeric">
                            <label><b>years ago</b></label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>Number of packets I typically {{ $bAlreadyQuit ? 'chewed' : 'chew' }}</h3>
                        </div>
                        <div class="form_field form_field2">
                            <input class="input" type="number" name="iSmokingCigarettes" id="inputLimit" min="0"
                                pattern="^\d*(\.\d{0,2})?$" value="{{ $smokingStatus['iSmokingCigarettes'] ?? '' }}"
                                onkeypress="return numbersonly(event)" inputmode="numeric">
                            <label><b>per</b></label>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>day</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>week</option>
                            </select>
                        </div>
                    </div>
                </div>
            @else
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>I started smoking/vaping</h3>
                        </div>
                        <div class="form_field form_field2">
                            <input class="input inputYearLimit" type="number" name="iStartedSmoking" min="0"
                                pattern="^\d*(\.\d{0,2})?$" value="{{ $smokingStatus['iStartedSmoking'] ?? '' }}"
                                onkeypress="return numbersonly(event)" inputmode="numeric">
                            <label><b>years ago</b></label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>I typically {{ $bAlreadyQuit ? 'consumed' : 'consume' }}</h3>
                        </div>
                        <div class="form_field form_field2 wrap_cstm_field">
                            <div class="wrap_flex_field">
                                <input class="input" type="number" name="iSmokingCigarettes" id="inputLimit"
                                    min="0" pattern="^\d*(\.\d{0,2})?$"
                                    value="{{ $smokingStatus['iSmokingCigarettes'] ?? '' }}"
                                    onkeypress="return numbersonly(event)" inputmode="numeric">
                                <label><b>cartridges / refills per</b></label>
                            </div>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>day</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>week</option>
                            </select>
                        </div>
                    </div>
                </div>
            @endif
            <div class="form_field button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">NEXT</button>
            </div>
        </form>
    </div>
@endsection