@extends('../backend/layout/' . $layout)

@section('subhead')
<title>Menus</title>
@endsection

@section('subcontent')
<div class="intro-y flex flex-col sm:flex-row items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">Menus</h2>
    <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
        <button class="btn btn-primary shadow-md mr-2" onClick="showModalBanner()">New Menu</button>
    </div>
</div>
<div class="intro-y box p-5 mt-5">
    <div class="overflow-x-auto scrollbar-hidden">
        <div id="tabulator" class="mt-5 table-report table-report--tabulator"></div>
    </div>
</div>
@include('backend/menus/form_modal')
@endsection

@section('script')
<script>
    let menuListRoute = "{{ route('menus.index') }}";
    let createMenuRoute = "{{ route('menus.store') }}"
    function editMenuRoute(id)
    {
        let url = '{{ route('menus.edit', ':id') }}'
        return url.replace(':id', id);
    }
    function updateMenuRoute(id)
    {
        let url = '{{ route('menus.update', ':id') }}'
        return url.replace(':id', id);
    }
    function deleteMenuRoute(id)
    {
        let url = '{{ route('menus.destroy', ':id') }}'
        return url.replace(':id', id);
    }
</script>   
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="{{ asset(mix('js/backend/pages/menus/index.js')) }}"></script>
@endsection