@extends('layouts.backend.app')

@section('title','Menu Builder')

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-menu icon-gradient bg-mean-fruit">
                    </i>
                </div>
                <div>Edit Menu ({{ $pageMenuTemplate->name }}) {{ $pageMenuTemplate->page->title }}</div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block">
                    @can(\App\Models\Permission::PERM_TEMPLATE_MENU_ITEM_CREATE)
                    <a href="{{ route('app.page.template.menu.item.create',$pageMenuTemplate->id) }}" class="btn-shadow btn btn-primary text-white">
                        <i class="fas fa-plus-circle"></i>
                        <span>Create New Menu Item</span>
                    </a>
                    @endcan
                    <a href="{{ route('app.page.menu.template.index', $pageMenuTemplate->page_id) }}" class="btn-shadow btn btn-danger text-white">
                        <i class="fas fa-arrow-circle-left fa-w-20"></i> {{ __('Back to List') }}
                    </a>

                    <a href="{{ route('app.pages.index', request()->get('template', $pageMenuTemplate->page->template)) }}" class="btn-shadow btn bg-warning text-white">
                        <i class="fas fa-arrow-circle-left fa-w-20"></i> {{ __('Back to Pages') }}
                    </a>
                </div>
            </div>
        </div>
    </div>

    <x-template-menu-builder :menuItems="$templateMenuItems" :pageMenuTemplate="$pageMenuTemplate"/>

@endsection