Я пытаюсь настроить тест в Laravel, который должен завершиться после того, как будет дан ответ на последний вопрос или закончилось время.
{!! Form::open(['method' => 'POST', 'route' => ['tests.store'], 'class' => 'content__page test__content' ] ) !!}
<div class="hamb__icon">
<img src="{{ asset('images/menu.png') }}" alt="menu">
</div>
<div class="test__block">
<div class="test__bottom">
<a href="#">Start the test</a>
</div>
</div>
<div class="test__wrap" style="display:none;">
<h6 class="test__count">30</h6>
@php
$i = 0;
$q = 1;
@endphp
@foreach($questions as $question)
@if ($i == 0)
<div class="test__elem active__test-elem">
@php
$i++;
@endphp
@elseif ($i != 0)
<div class="test__elem" style="display:none;">
@endif
<h2>Let's see what you <br> learned</h2>
<div class="test__elem-question">
<p> - </p>
<h6>{!! nl2br($question->question_text) !!}</h6>
</div>
<div class="test__elem-answers">
@foreach($question->options as $option)
<div class="test__elem-answer" data-value="{{ $option->id }}">
<p> - </p>
<h6>{{ $option->option }}</h6>
<input
type="hidden" name="questions[{{ $q }}]" value="{{ $question->id }}" id="questions-count">
</div>
@endforeach
<input type="hidden" name="answers[{{ $question->id }}]" value="{{ $question->id }}" id="questions-count" class="question__input">
</div>
</div>
@php
$q++;
@endphp
@endforeach
<div class="test__elem last__test" style="display:none;">
<h3>Congratulations!</h3>
<p>In order to finish the test, please pres the button</p>
<div class="science__block_submit">
{!! Form::submit('End Test') !!}
</div>
</div>
</div>
{!! Form::close() !!}
На данный момент это работает, только если вы нажимаете кнопку, но я не могу понять, как сделать точный вызов Ajax, чтобы сделать это автоматически.