<div class="row">
    <div class="col-md-12 rounded">
        <div class="row g-2 mb-2">
            <div class="col-md-6">
                <label class="form-label" for="parent_menu">{{trans('admin.parent_menu')}}</label>
                <select name="parent_id" id="" class="form-control form-control-sm">
                    <option value="">{{trans('admin.select')}}</option>
                    @foreach ($parent_menu as $item)
                        <option value="{{$item->id}}">{{$item->menu_name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="name">{{trans('admin.name')}}<span class="text-danger">*</span></label>
                <input id="name" name="name" type="text" class="form-control form-control-sm" placeholder="{{trans('admin.name')}}" autocomplete="off">
            </div>

            <div class="col-md-6">
                <label class="form-label" for="name_ar">{{trans('admin.name_ar')}}<span class="text-danger">*</span></label>
                <input id="name_ar" name="name_ar" type="text" class="form-control form-control-sm" placeholder="{{trans('admin.name_ar')}}" autocomplete="off">
            </div>

            <div class="col-md-6">
                <label class="form-label" for="name_ar">{{trans('admin.route')}}<span class="text-danger">*</span></label>
                <input id="route" name="route" type="text" class="form-control form-control-sm" placeholder="{{trans('admin.route')}}" autocomplete="off">
            </div>
            <div class="col-md-6">
                <label class="form-label" for="icon">{{trans('admin.icon')}}<span class="text-danger">*</span></label>
                <input id="icon" name="icon" type="text" class="form-control form-control-sm" placeholder="{{trans('admin.icon')}}" autocomplete="off">
            </div>
            <div class="col-md-6">
                <label class="form-label" for="name_ar">{{trans('admin.order_by')}}<span class="text-danger">*</span></label>
                <input id="order_by" name="order_by" type="text" class="form-control form-control-sm" placeholder="{{trans('admin.order_by')}}" autocomplete="off">
            </div>
            <div class="col-md-6">
                    <label class="form-label" for="type">{{trans('admin.type')}}<span class="text-danger">*</span></label>
                    <select name="type" class="form-control form-control-sm" id="type">
                        <option value="">{{trans('admin.select')}}</option>
                        <option value="1">{{ trans('admin.main') }}</option>
                        <option value="2">{{ trans('admin.side') }}</option>
                        <option value="3">{{ trans('admin.footer') }}</option>
                        <option value="4">{{ trans('admin.setting') }}</option>
                    </select>
            </div>
        </div>
    </div>
</div>
