@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>Ich habe <b>vor</b></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>Jahren</b> angefangen zu rauchen</label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>Ich {{ $bAlreadyQuit ? 'rauchte' : 'rauche' }} typischerweise</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>Zigaretten pro</b></label>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>Tag</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>Woche</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>Ich habe <b>vor</b></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>Jahren</b> angefangen, Nikotin / Tabak zu konsumieren.</label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>Anzahl der Packungen, die ich typischerweise {{ $bAlreadyQuit ? 'kaute' : 'kaue' }}</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>pro</b></label>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>Tag</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>Woche</option>
                            </select>
                        </div>
                    </div>
                </div>
            @else
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>Ich habe <b>vor</b></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>Jahren</b> angefangen zu rauchen / vapen.</label>
                        </div>
                    </div>
                    <div class="devider"></div>
                    <div class="_wrapper ">
                        <div class="inner_title">
                            <h3>Ich {{ $bAlreadyQuit ? 'konsumierte' : 'konsumiere' }} typischerweise</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>Kartuschen / Nachfüllungen pro</b></label>
                            </div>
                            <select class="select" name="vMode">
                                <option value="day" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'day')>Tag</option>
                                <option value="week" @selected(isset($smokingStatus['vMode']) && $smokingStatus['vMode'] == 'week')>Woche</option>
                            </select>
                        </div>
                    </div>
                </div>
            @endif
            <div class="form_field button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">Weiter</button>
            </div>
        </form>
    </div>
@endsection