@extends('dashboard.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">Dashboard /</span> Master Kalori
    </h4>

    <!-- Card Master Menu -->
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Kalori</h5>
              <button type="button" class="btn btn-primary" onclick="addKalori()">
                Tambah
             </button>
        </div>
        <div class="card-body">
            <table class="table" id="datatableKalori"></table>
        </div>
    </div>
</div>
    @include('dashboard.kalori.modal.create')
    @include('dashboard.kalori.modal.edit')

    <script src="{{ ver('/js/kalori/_init.js') }}"></script>
    <script src="{{ ver('/js/kalori/dt.js') }}"></script>
    <script src="{{ ver('/js/kalori/action.js') }}"></script>
    <script src="{{ ver('/js/kalori/function.js') }}"></script>
@endsection