f43f92f365
- add deal category migration - add deals migration and model - add form to create deal - add image preview modal when uploading the image - refactor UI components to support `required` attribute - refactor input component to support description - fix some UI components does not support old values - fix some UI components does not show error messages
29 lines
974 B
PHP
29 lines
974 B
PHP
@props(['options' => [], 'name' => '', 'placeholder' => '', 'labelKey' => 'label', 'valueKey' => 'value', 'label' => '', 'required' => false])
|
|
<div class="flex flex-col space-y-2">
|
|
|
|
@if($label !== '')
|
|
<label class="text-sm font-bold" for="{{$name}}">
|
|
{{$label}}
|
|
@if($required)
|
|
*
|
|
@endif
|
|
</label>
|
|
@endif
|
|
|
|
<select
|
|
name="{{$name}}"
|
|
required="{{$required?'required':''}}"
|
|
class="bg-[#F3F3F5] py-2 px-4 rounded-lg text-sm font-bold invalid:text-accent-600 text-black"
|
|
>
|
|
@if($placeholder !== '')
|
|
<option {{old($name) === ''? 'selected' : ''}} disabled>{{$placeholder}}</option>
|
|
@endif
|
|
|
|
@foreach($options as $option)
|
|
<option value="{{$option[$valueKey]}}" {{$option[$valueKey] == old($name) ? 'selected' : ''}}> {{$option[$labelKey]}} </option>
|
|
@endforeach
|
|
</select>
|
|
|
|
<x-ui.inline-error :name="$name"/>
|
|
</div>
|