@extends('layouts.admin')
@section('content')
<div class="col-12 p-3">
    <div class="col-12 col-lg-12 p-0 ">
        <form id="validate-form" class="row" enctype="multipart/form-data" method="POST" action="{{route('admin.menu-links.update',$menuLink)}}">
            @csrf
            @method("PUT")
            <input type="hidden" name="menu_id" value="{{$menuLink->menu_id}}">
            <div class="col-12 col-lg-8 p-0 main-box">
                <div class="col-12 px-0">
                    <div class="col-12 px-3 py-3">
                        <span class="fas fa-info-circle"></span> إضافة جديد
                    </div>
                    <div class="col-12 divider" style="min-height: 2px;"></div>
                </div>
                <div class="col-12 p-3 row">
              


                    <div class="col-12 col-lg-6 p-2">
                        <div class="col-12">
                            النوع
                        </div>
                        <div class="col-12 pt-3">
                            <select class="form-control select2-select" name="type" id="type">
                                <option value="CUSTOM_LINK" @if($menuLink->type=="CUSTOM_LINK") selected @endif>رابط مخصص</option>
                                <option value="PAGE" @if($menuLink->type=="PAGE") selected @endif>صفحة</option>
                                <option value="CATEGORY" @if($menuLink->type=="CATEGORY") selected @endif>قسم</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 p-2">
                        <div class="col-12">
                            القيمة
                        </div>
                        <div class="col-12 pt-3">
                            <select class="form-control select2-select" name="type_id" id="type_id">
                                
                            </select>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 p-2">
                        <div class="col-12">
                            عنوان الرابط
                        </div>
                        <div class="col-12 pt-3">
                            <input type="text" name="title" required maxlength="190" class="form-control" value="{{$menuLink->title}}" id="title">
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 p-2">
                        <div class="col-12">
                            الرابط
                        </div>
                        <div class="col-12 pt-3">
                            <input type="url" name="url" required class="form-control" value="{{$menuLink->url}}" id="url">
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 p-2">
                        <div class="col-12">
                            الأيقونة
                        </div>
                        <div class="col-12 pt-3">
                            <input type="text" name="icon" class="form-control" value="{{$menuLink->icon}}">
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="col-12 p-3">
                <button class="btn btn-success" id="submitEvaluation">حفظ</button>
            </div>
        </form>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
function updateTypeIdList() {
    var type = $('#type').val();
    $.ajax({
        method: "POST",
        url: "{{route('admin.menu-links.get-type')}}",
        data: { type: type, _token: "