@props([
    'required' => isset($allowClear) ? false : true,
    'value' => null,
    'allowClear' => false,
])
@php
    $areas = App\Models\Area::query()->get();
@endphp
<label for="roles" class="form-label">{{ __('Area') }}</label>
<select data-allow-clear="{{ $allowClear }}" @required($required)
    {{ $attributes->merge(['class' => 'form-control form-select select2']) }} name="area_id" id="area_id">
    <option @disabled($required) value={{ null }} selected>{{ __('Select Value') }}</option>
    @foreach ($areas as $area)
        <option value="{{ $area->id }}" @selected($area->id == $value)>{{ $area->name }}</option>
    @endforeach
</select>