@extends('admin.layout.index')

@section('script')
<script>
    function typePage(tag){
       let type =  $(tag).val();
       $('.typePage').css('display','none');
       $('#type'+type).css('display','block');
    }

    $(document).ready(function(){
typePage($('#type'));
    });
</script>
@endsection


@section('style')
<style>
    .typePage{
        display:none;
    }
    .tab-content{
        display:block !important;
    }
</style>

@endsection

@section('content')
    <div class="settings mtb15">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="tab-content" id="v-pills-tabContent">
                        <div id="settings-profile"
                             aria-labelledby="settings-profile-tab">
                            <div class="card">
                                <div class="card-body">
                                    <div class="settings-profile">
                                        <form method="POST"
                                              action="{{ route('admin.menu.update',['menu'=>$menu->id]) }}">
                                            @csrf
                                            @method('put')
                                            <div class="row mt-4">
                                                <div class="col-12 col-md-4 mb-3">
                                                    <label for="title">عنوان</label>
                                                    <input id="title"  name="title" class="form-control"
                                                           value="{{ $menu->title }}">
                                                    @error('title')
                                                    <p class="input-error-validate">
                                                        {{ $message }}
                                                    </p>
                                                    @enderror
                                                </div>
                                                                                                <div class="col-12 col-md-4 mb-3">
                                                    <label for="type">نوع منو </label>
                                                    <select onchange="typePage(this)" id="type" name="type" class="form-control">
                                                <option selected >
                                                    نوع منو رو انتخاب کنید
                                                </option>

                                                            <option {{$menu->type ==  'page' ? 'selected' :''}} value="page">صفحه</option>
                                                            <option {{$menu->type ==  'link' ? 'selected' :''}} value="link">لینک خارجی</option>

                                                    </select>
                                                    @error('type')
                                                    <p class="input-error-validate">
                                                        {{ $message }}
                                                    </p>
                                                    @enderror
                                                </div>

                                                <div id="typelink" class="col-12 typePage  col-md-4 mb-3">
                                                    <label for="link">لینک خارجی</label>
                                                    <input id="link" name="link" class="form-control"
                                                           value="{{ old('link') }}">
                                                    @error('link')
                                                    <p class="input-error-validate">
                                                        {{ $message }}
                                                    </p>
                                                    @enderror
                                                </div>


                                                <div id="typepage" class="col-12 typePage  col-md-4 mb-3">
                                                    <label for="parent">صفحه</label>
                                                    <select id="page_alias" name="page_alias" class="form-control">
                                                        @foreach($pages as $page)
                                                            <option {{$page->alias == $menu->page_alias ? 'selected' : ''}} value="{{ $page->alias }}">{{ $page->title }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('page_alias')
                                                    <p class="input-error-validate">
                                                        {{ $message }}
                                                    </p>
                                                    @enderror
                                                </div>
                                                <div class="col-12 col-md-4 mb-3">
                                                    <label for="parent">والد</label>
                                                    <select id="parent"  name="parent" class="form-control">
                                                        <option value="0" >Without Parent</option>
                                                        @foreach($parent_menus as $parent_menu)
                                                            <option {{ $menu->parent==$parent_menu->id ? 'selected' : '' }} value="{{ $parent_menu->id }}" >{{ $parent_menu->title }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('parent')
                                                    <p class="input-error-validate">
                                                        {{ $message }}
                                                    </p>
                                                    @enderror
                                                </div>

                                                <div class="col-12 col-md-4 mb-3">
                                                    <label for="priority">الویت</label>
                                                    <input id="priority" type="number"  name="priority" class="form-control"
                                                           value="{{ $menu->priority }}">
                                                    @error('priority')
                                                    <p class="input-error-validate">
                                                        {{ $message }}
                                                    </p>
                                                    @enderror
                                                </div>

                                                <div class="col-md-12 mt-3">
                                                    <button type="submit" class="btn btn-primary btn-sm">
                                                        ویرایش
                                                    </button>
                                                    <a href="{{ route('admin.menus.index') }}"
                                                       class="btn btn-secondary btn-sm">
                                                        <i class="icon ion-md-arrow-back mr-1"></i>
                                                        <span>
                                                بازگشت
                                            </span>
                                                    </a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('style')

@endpush
@push('script')

@endpush