@extends('layouts.admin')
@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            @if ($duplicate)
                {{ __('menu.duplicate') }}
            @else
                {{ $data->id ?  __('menu.edit') :  __('menu.add') }}
            @endif
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('common.home') }}</a></li>
                    <li class="breadcrumb-item" aria-current="page"><a href="{{route('menu.index')}}">{{ __('menu.menu_title') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{ $data->id ?  __('menu.edit') :  __('menu.add') }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    {{ Form::open(array('route' => $routes, 'method' => 'POST', 'id' => 'ajaxSave'))}}
    <div class="row">
        <div class="col-xs-12 col-sm-7">
            <div class="round-white-bg box-shadow">
                <div class="error-msg font-14"></div>
                <p class="font-medium">{{ __('menu.details')}}</p>


                <div class="custom-input-group colored-field-group">
                    {!! Form::label('menu_for', __('menu.menu_for')) !!}
                    {!! Form::select('menu_for', menuFor(), $data->menu_for, [
                        'class' => 'form-control select2',
                        'data-route' => route('menu.get-parent'),
                    ]) !!}
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="custom-input-group colored-field-group">
                            {!! Form::label('title', __('menu.title')) !!}
                            {!! Form::text('title', $data->title, ['class' => 'form-control', 'placeholder' => __('menu.eg_create')]) !!}
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="custom-input-group colored-field-group">
                            {!! Form::label('permission_title', __('menu.permission_title')) !!}
                            {!! Form::text('permission_title', $data->permission_title, ['class' => 'form-control', 'placeholder' => __('menu.eg_create')]) !!}
                        </div>
                    </div>
                </div>

                <div class="custom-input-group colored-field-group">
                    {!! Form::label('status', __('menu.status')) !!}
                    {!! Form::select('status', activeStatus(), isset($data->status) ? $data->status : 1, ['class' => 'form-control select2']) !!}
                </div>

                <div class="__child_div1">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="custom-input-group colored-field-group">
                                {!! Form::label('parent', __('menu.parent')) !!}
                                {!! Form::select('parent', $parent, $data->parent_id, ['class' => 'form-control select2']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="custom-input-group colored-field-group">
                                {!! Form::label('permission_parent_id', __('menu.permission_parent')) !!}
                                {!! Form::select('permission_parent_id', $parent, $data->permission_parent_id, ['class' => 'form-control select2']) !!}
                            </div>
                        </div>
                    </div>

                    <div class="custom-input-group colored-field-group">
                        {!! Form::label('route_type', __('menu.route_type')) !!}
                        {!! Form::select('route_type', routeType(), $data->route_type, ['class' => 'form-control select2']) !!}
                    </div>

                    <div class="custom-input-group colored-field-group">
                        {!! Form::label('route_name', __('menu.route_name')) !!}
                        {!! Form::text('route_name', $data->route_name, ['class' => 'form-control', 'placeholder' => __('menu.eg_route_create')]) !!}
                    </div>

                    <div class="custom-input-group colored-field-group">
                        {!! Form::label('dependent_route', __('menu.dependent_route')) !!}
                        {!! Form::textarea('dependent_route', $data->dependent_route, ['class' => 'form-control', 'placeholder' => __('menu.eg_dependent_route'), 'size' => '2x4']) !!}
                    </div>
                </div>

                <div class="form-group mt-2 text-left">
                    <ul class="list-inline">
                        <li class="list-inline-item">
                            @if ($duplicate)
                                {{ Form::hidden('is_duplicate', 1) }}
                            @endif

                            {{ Form::submit( __('common.save'), array('class' => 'btn btn-primary width80'));}}
                        </li>
                        {{-- <li class="list-inline-item">
                            {{ Form::reset( __('common.cancel'), array('class' => 'btn btn-default btn-lg font12'));}}
                        </li> --}}
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-5">
            <div class="round-white-bg box-shadow">
                <div class="custom-input-group colored-field-group">
                    <div class="row">
                        <div class="col-md-6">
                            {!! Form::label('is_nav_menu', __('menu.is_nav_menu')) !!}
                            {!! Form::select('is_nav_menu', sidebarMenuOptions(), $data->is_nav_menu ?? 0, ['class' => 'form-control select2']) !!}
                        </div>
                        <div class="col-md-6">
                            {!! Form::label('order_number', __('menu.order_number')) !!}
                            {!! Form::number('order_number', $data->order_number ?? 1, ['class' => 'form-control']) !!}
                        </div>
                    </div>
                </div>

                <div class="custom-input-group colored-field-group">
                    {{Form::label('id', __('menu.image'), array('class' => 'control-label'))}}
                    {{ Form::file('image', array('class' => 'form-control'))}}
                    @if (is_object($data) && ($data->image) && !$duplicate)
                        <img src="{{ getImagePath($data->image)}}" width="auto" height="20px" class="mt-2" />
                    @endif
                </div>
            </div>
        </div>
    </div>
    {{ Form::close()}}
</div>
@endsection

@section('script')
<script>
    function getParentMenu() {
        let menu_for = $('#menu_for').val();
        let route = $('#menu_for').attr('data-route');

        ajaxFire(route, {menu_for: menu_for}, function(res) {

           // res=  JSON.parse(res);
            if(res.success) {
                $('#parent').html(res.options).selectpicker('refresh');
                $('#permission_parent_id').html(res.options).selectpicker('refresh');
            }
        });
    }

    $('body').on('change', '#menu_for', function (e) {
        getParentMenu();
    });
</script>
@endsection