@extends('layouts.main')

@section('body_main')
<div class="container-xxl flex-grow-1 container-p-y">
    <!-- Breadcrumb -->
    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light">Tables /</span> Master Menu
    </h4>

    <!-- Card Master Menu -->
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Master Menu</h5>
            <button type="button" class="btn btn-primary" data-bs-target="#modalMasterMenu" data-bs-toggle="modal">
                Tambah
            </button>
        </div>

        <div class="card-body">
            <table class="table" id="datatableMasterMenu"></table>
        </div>
    </div>
</div>
@include('master.menu.modal.add')
<!-- JS scripts -->
<script src="{{ ver('/js/menu/_init.js') }}"></script>
<script src="{{ ver('/js/menu/dt.js') }}"></script>
<script src="{{ ver('/js/menu/action.js') }}"></script>
@endsection