forked from eatvio/eatvio-infra
47 lines
2.2 KiB
PHP
47 lines
2.2 KiB
PHP
<div>
|
|
<form class="reviews__form">
|
|
<textarea wire:model="body" id="commentsList" class="textarea textarea-white" placeholder="Введите отзыв"></textarea>
|
|
<div class="reviews__form-column">
|
|
<div class="reviews__form-rate star-rating">
|
|
<input @class(['star-rating__input', 'hidden' => $isChecked]) wire:model="isChecked" wire:click="$set('grade', 5)" type="radio"
|
|
name="rate" id="rate-5" value="5" hidden>
|
|
<label class="star-rating__label" for="rate-5"></label>
|
|
<input @class(['star-rating__input', 'hidden' => $isChecked]) wire:model="isChecked" wire:click="$set('grade',4)" type="radio"
|
|
name="rate" id="rate-4" value="4" hidden>
|
|
<label class="star-rating__label" for="rate-4"></label>
|
|
<input @class(['star-rating__input', 'hidden' => $isChecked]) wire:model="isChecked" wire:click="$set('grade',3)" type="radio"
|
|
name="rate" id="rate-3" value="3" hidden>
|
|
<label class="star-rating__label" for="rate-3"></label>
|
|
<input @class(['star-rating__input', 'hidden' => $isChecked]) wire:model="isChecked" wire:click="$set('grade',2)" type="radio"
|
|
name="rate" id="rate-2" value="2" hidden>
|
|
<label class="star-rating__label" for="rate-2"></label>
|
|
<input @class(['star-rating__input', 'hidden' => $isChecked]) wire:model="isChecked" wire:click="$set('grade',1)" type="radio"
|
|
name="rate" id="rate-1" value="1" hidden>
|
|
<label class="star-rating__label" for="rate-1"></label>
|
|
<input wire:model="isChecked" wire:click="$set('grade',0)" type="radio" name="rate" id="rate-0"
|
|
value="1" hidden>
|
|
</div>
|
|
<button wire:click.prevent="save" type="button" class="btn btn-primary">Оставь отзыв</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
@error('grade')
|
|
<div style="color:red;" role="alert">
|
|
<strong>{{ $message }}</strong>
|
|
</div>
|
|
@enderror
|
|
|
|
|
|
|
|
@error('body')
|
|
<div style="color:red;" role="alert">
|
|
<strong>{{ $message }}</strong>
|
|
</div>
|
|
@enderror
|
|
|
|
|
|
</div>
|