<x-form action="{{ route('menu.store') }}" method="POST">
    @csrf
    <div class="card">
        <div class="card-body">
            <x-form.entity name="parent_id" label="Parent"  :items="App\Models\Menu::all()"  choiceLabel="title" />
            <x-form.input name="title" value="{{ old('title') }}" />
            <x-form.input-group name="icon" value="{{ old('icon')??'far fa-circle' }}" class="icon">
                <span class="input-group-text icon-fa">
                    <i class="far fa-circle"></i>
                </span>
            </x-form.input-group>
            <x-form.input name="uri" value="{{ old('uri') }}" />
        </div>
        <div class="card-footer">
            <x-button class="btn btn-primary"> {{(__('Add'))}} </x-button>
        </div>
    </div>
</x-form>