<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/menus'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back to Menu List Page</a></p><br>
        <h4><?= empty($brands->id_menus) ? 'Add a new menu' : 'Edit menu: ' 
    	. $brands->brand; ?></h4> 
        <?= $this->session->flashdata('success'); //to display success message ?> 
        <?= $this->session->flashdata('result'); //to display result message ?>
    </div><!-- end class="col-sm-12" --> 
</div> <!-- end row --> 

<?= form_open(); ?>

<div class="row">
    <div class="col-sm-3">
        <p>Menu Name</p>
    </div><!-- end class="col-sm-3" -->

     <div class="col-sm-9">
        <p>
        <?php
        $data = array(
            'name'        => 'menu',
            'value'       => $menus->menu,
            'class'       => 'form-control'
         );
        echo form_input($data); ?>
        <?= form_error('menu'); ?></p>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row -->  

<div class="row">
    <div class="col-sm-3">
        <p>Menu Type</p>
    </div><!-- end class="col-sm-3" -->

     <div class="col-sm-9">
        <select name="menu_type" id="select_menu_type" class="form-control">
            <option value="">select menu type...</option>
            <option value="category"
            <?php if ($menus->menu_type == 'category'): ?>
                selected="selected" 
            <?php endif ?>
            >Category</option>
            <option value="brand"
            <?php if ($menus->menu_type == 'brand'): ?>
                selected="selected"
            <?php endif ?>
            >Brand</option> 
            <option value="page"
            <?php if ($menus->menu_type == 'page'): ?>
                selected="selected"
            <?php endif ?>
            >Page</option>
            <option value="external"
            <?php if ($menus->menu_type == 'external'): ?>
                selected="selected"
            <?php endif ?>
            >External URL</option>
        </select>
        <?= form_error('menu'); ?></p>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row -->  

<div id="container"></div>

<div class="row">
    <div class="col-sm-3">
        <p>Ordering (number only)</p>
    </div><!-- end class="col-sm-3" -->

     <div class="col-sm-9">
        <p>
        <?php
        $data = array(
            'name'        => 'priority',
            'value'       => $menus->priority,
            'class'       => 'form-control'
         );
        echo form_input($data); ?>
        <?= form_error('priority'); ?></p>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row -->  

<div class="row">
    <div class="col-sm-3">
        <p>Display</p>
    </div><!-- end class="col-sm-3" -->

     <div class="col-sm-9">
        <?php
            $options = array(
                1  => 'Yes',
                0  => 'No'
            );
            echo form_dropdown('status', $options, $menus->status, 'class="form-control"');
        ?>   
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row -->  

<div class="row">
    <div class="col-sm-3">
    </div><!-- end class="col-sm-3" -->
     <div class="col-sm-9">
        <?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success button-brown"'); ?>
        &nbsp;&nbsp;&nbsp;<?= anchor('admin/menus', 'cancel'); ?>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row -->  

<?= form_close(); ?>

<script>

$(document).ready(function() {
   
    var menu_type = $('#select_menu_type').val();

    <?php if (!empty($menus->id_menus)) : ?>
        var current_menu_id = '<?= $menus->id_menus; ?>';
    <?php else : ?>
        var current_menu_id = null;    
    <?php endif; ?>

    if (menu_type != '') {
        load_data_ajax(menu_type, current_menu_id);
    }

    $('#select_menu_type').change(function() {
        var menu_type = $(this).val();
        load_data_ajax(menu_type);
    });   
    
    function load_data_ajax(menu_type, current_menu_id) {
        $.ajax({
            'url'       : '<?php echo site_url(); ?>' + 'admin/menus/ajax_get_menutype',
            'type'      : 'POST',
            'data'      : {'menu_type' : menu_type, 'current_menu_id' : current_menu_id}, 
            'success'   : function(data) { 
                
                var container = $('#container');
                
                if (data) {
                    container.html(data);   
                };
            }
        });
    }

});

</script>