@extends('smarteknoloji/admin-ui::admin.layout.default')

@section('title', trans('admin.menu-item.actions.edit', ['name' => $menuItem->name]))

@section('body')

    <div class="container-xl">
        <div class="card">

            <menu-item-form
                :action="'{{ $menuItem->resource_url }}'"
                :data="{{ $menuItem->toJsonAllLocales() }}"
                :locales="{{ json_encode($locales) }}"
                :default-locale="'{{ app()->getLocale() }}'"
                :menus="{{$menus->toJson()}}"
                :project_categories="{{$project_categories->toJson()}}"
                :service_categories="{{$service_categories->toJson()}}"
                :corporates="{{$corporates->toJson()}}"
                :faq_categories="{{$faq_categories->toJson()}}"
                :dynamic_pages="{{$dynamic_pages->toJson()}}"
                :parents="{{$parents->prepend((object)['id'=>'', 'name' => trans('admin.menu-item.columns.parent_root')])->toJson()}}"
                :types="[
                    {'type_title':'{{ trans('admin.menu-item.columns.url') }}', 'type_name':'type_url'},
                    {'type_title':'{{ trans('admin.menu-item.columns.corporate_id') }}', 'type_name':'type_corporate'},
                    {'type_title':'{{ trans('admin.menu-item.columns.service_category_id') }}', 'type_name':'type_service_category'},
                    {'type_title':'{{ trans('admin.menu-item.columns.project_category_id') }}', 'type_name':'type_project_category'},
                    {'type_title':'{{ trans('admin.menu-item.columns.faq_category_id') }}', 'type_name':'type_faq_category'},
                    {'type_title':'{{ trans('admin.menu-item.columns.dynamic_page_id') }}', 'type_name':'type_dynamic_page'},
                ]"
                :send-empty-locales="false"
                v-cloak
                inline-template>
            
                <form class="form-horizontal form-edit" method="post" @submit.prevent="onSubmit" :action="action" novalidate>


                    <div class="card-header">
                        <i class="fa fa-pencil"></i> {{ trans('admin.menu-item.actions.edit', ['name' => $menuItem->name]) }}
                    </div>

                    <div class="card-body">
                        @include('admin.menu-item.components.form-elements')
                    </div>
                    
                    
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary" :disabled="submiting">
                            <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-download'"></i>
                            {{ trans('admin.btn.save') }}
                        </button>
                    </div>
                    
                </form>

        </menu-item-form>

        </div>
    
</div>

@endsection