@props([
    'number' => 1,
    'question' => 'Вопрос?',
    'back' => false,
    'last' => false,
    'total' => 16
])

{{--  --}}

<div class="lokoQuest" id="question-{{ $number }}">
    <div class="questItem">
        <div class="body" >
            <div class="count">Вопрос <span>{{ $number }}</span> из <span>{{ $total }}</span></div>
            <div class="questions">
                <div>
                    <div>
                        <div class="quest">{{ $question }}</div>
                        <div class="answer one">
                            <div class="answer_block radio">
                                <div class="answer-radio">
                                    <input type="radio" name="answer-{{$number}}" id="answer-{{$number}}-1" value="yes"> 
                                    <label for="answer-{{$number}}-1">Да</label>
                                </div>
                            </div>
                            <div class="answer_block radio">
                                <div class="answer-radio">
                                    <input type="radio" name="answer-{{$number}}" id="answer-{{$number}}-2" value="no"> 
                                    <label for="answer-{{$number}}-2">Нет</label>
                                </div>
                            </div>
                            <div class="answer_block radio">
                                <div class="answer-radio">
                                    <input type="radio" name="answer-{{$number}}" id="answer-{{$number}}-3" value="sometimes"> 
                                    <label for="answer-{{$number}}-3">Иногда</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="navigation">
                @if(!$last)
                    <div class="next">
                        <a href="javascript:void(0);" class="service-main_button">
                            Следующий вопрос
                        </a>
                    </div>
                @else
                    <div class="next last">
                        <a href="javascript:void(0);" class="service-main_button">
                            Отправить
                        </a>
                    </div>
                @endif
                @if($back)
                    <div class="prev">
                        <a href="javascript:void(0);" class="service-form__delete_link">
                            Предыдущий вопрос
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>