<!-- Begin Page Content -->
<div class="container-fluid">
    <!-- Page Heading -->
    <h1 class="h3 mb-4 text-gray-800"> <?= $title; ?></h1>

    <!-- sweetalert -->
    <div class="flash-data" data-flashdata="<?= $this->session->flashdata('flash'); ?>"></div>
    <?php if ($this->session->flashdata('flash')) : ?>
        <!-- <div class="row mt-3">
            <div class="col-md-6">
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong> Congrats </strong><?= $this->session->flashdata('flash'); ?>.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        </div> -->

    <?php endif; ?>
    <div class="row">
        <div class="col-lg-6">
            <a class="btn btn-primary mb-3" data-toggle="modal" data-target="#newMenuModal" href="">Add new menu</a>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Menu</th>
                        <th scope="col">Action</th>
                    </tr>
                </thead>
                <tbody>
                    <?php $i = 1;
                    foreach ($menu as $m) : ?>
                        <tr>
                            <th scope="row"><?= $i; ?></th>
                            <td><?= $m['menu']; ?></td>
                            <td>
                                <a class="badge badge-primary" data-toggle="modal" data-target="#editMenuModal" href="<?= base_url('menu/editMenu/'); ?> <?= $m['id']; ?>">edit</a>
                                <a class="badge badge-danger tombol-hapus" href="<?= base_url('menu/deleteMenu/'); ?> <?= $m['id']; ?>">delete </a>
                            </td>
                        </tr>
                        <?php $i++; ?>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>
    </div>


</div>
<!-- /.container-fluid -->

</div>
<!-- End of Main Content -->

<!-- MODAL -->
<div class="modal fade" id="newMenuModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add new menu</h5>
                <button class="close" data-dismiss="modal">&times;</button>
            </div>
            <form action="<?= base_url('menu/addMenu'); ?>" method="post">
                <div class="modal-body">
                    <div class="form-group">
                        <label for="menu">Menu</label>
                        <input type="text" id="menu" name="menu" placeholder="Menu name" class="form-control">
                        <small class="form-text text-danger"> <?= form_error('menu') ?></small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Add menu</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- akhir modal -->


<?php foreach ($menu as $m) : ?>
    <!-- MODAL -->
    <div class="modal fade" id="editMenuModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Edit new menu</h5>
                    <button class="close" data-dismiss="modal">&times;</button>
                </div>
                <form action="<?= base_url('menu/editMenu'); ?>" method="post">
                    <div class="modal-body">
                        <div class="form-group">
                            <input type="hidden" name="id" id="id" value="<?= $m['id']; ?>">
                            <label for="menu">Menu</label>
                            <input type="text" id="menu" name="menu" placeholder="Menu name" class="form-control" value="<?= $m['menu']; ?>">
                            <small class=" form-text text-danger"> <?= form_error('menu') ?></small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Edit menu</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
<?php endforeach; ?>

<!-- akhir modal -->