@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>タバコを吸い始めたのは</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>年前です。</b></label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>{{ $bAlreadyQuit ? '普段は喫煙してた' : '普段は喫煙してる' }}</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>本のタバコ、</b></label>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>日</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == '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>ニコチン／タバコを摂取し始めたのは</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>年前です。</b></label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>
                                <h3>{{ $bAlreadyQuit ? '昔噛んでたパケットの数' : '普段噛んでるパケットの数' }}</h3>
                            </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>&nbsp;</b></label>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>日</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>週間</option>
                            </select>
                        </div>
                    </div>
                </div>
            @else
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>タバコ／電子タバコを吸い始めたのは</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>年前です。</b></label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>
                                <h3>{{ $bAlreadyQuit ? '昔は消費してた' : '普段は消費してる' }}</h3>
                            </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>個のカートリッジ／詰め替え、</b></label>
                            </div>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>日</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>週間</option>
                            </select>
                        </div>
                    </div>
                </div>
            @endif
            <div class="form_field button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">次へ</button>
            </div>
        </form>
    </div>
@endsection