File size: 2.6Kb
<div class="form-group{{ hasError('answers') }}">
<div class="js-answer-list">
@php
$answers = array_diff((array) getInput('answers', $vote->getAnswers ?? []), ['']);
$answers = array_pad(array_unique($answers), 2, '');
@endphp
<label for="answers0">{{ __('votes.options') }}:</label>
<a class="js-answer-add" href="#" data-toggle="tooltip" title="{{ __('main.add') }}"><i class="fas fa-plus-square"></i></a>
@foreach ($answers as $key => $answer)
@if ($loop->index < max(2, count($vote->getAnswers ?? [])))
<div class="input-group mt-1">
<input type="text" name="answers[{{ $key }}]" class="form-control" id="answers{{ $loop->index }}" value="{{ $answer }}" maxlength="50" placeholder="{{ __('votes.answer') }}">
</div>
@else
<div class="input-group mt-1 js-answer-append">
<input class="form-control" name="answers[{{ $key }}]" type="text" value="{{ $answer }}" maxlength="50" placeholder="{{ __('votes.answer') }}">
<span class="input-group-append">
<span class="input-group-text">
<a class="js-answer-remove" href="#"><i class="fa fa-times"></i></a>
</span>
</span>
</div>
@endif
@endforeach
</div>
<span class="text-muted font-italic">{{ __('votes.hint_answers') }}</span>
<div class="invalid-feedback">{{ textError('answers') }}</div>
</div>
@push('scripts')
<script>
$(".js-answer-add").click(function () {
console.log($(".js-answer-list input").length);
if ($(".js-answer-list input").length >= 10) {
notification('error', "{{ __('votes.hint_answers') }}");
return false;
}
$('.js-answer-list').append('<div class="input-group mt-1 js-answer-append">' +
'<input class="form-control" id="name" name="answers[]" type="text" value="" maxlength="50" placeholder="<?= __('votes.answer') ?>">' +
'<span class="input-group-append">' +
'<span class="input-group-text">' +
'<a class="js-answer-remove" href="#"><i class="fa fa-times"></i></a>' +
'</span>' +
'</span>' +
'</div>');
return false;
});
$(document).on('click', '.js-answer-remove', function () {
$(this).closest('.js-answer-append').remove();
return false;
});
</script>
@endpush