<form role="form" class="form-horizontal" id="create_department_form" action="#" method="post">
    <input type="hidden" value="<?php echo $type;?>" name="type" id="type"/>
    <input type="hidden" value="<?php echo $department_id;?>" name="department_id" id="department_id"/>
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title"><?php echo $pageName ?></h4>
        <font style="color:#333;">Please fill in the information below. The field labels marked with * are required input fields.</font>
    </div>
    <div class="col-md-12">

    </div>
    <div class="modal-body">
        <div id="error"></div>
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-12">
                    <!--<h5>Parent Category *</h5>
                    <p>
                        <div class="form-group">
                            <select id="form-field-select-3" class="form-control search-select">
                                <option value="">&nbsp;</option>
                                <option value="AL">Alabama</option>
                                <option value="AK">Alaska</option>
                                <option value="AZ">Arizona</option>
                             </select>
                        </div>
                    </p>-->
                    <div class="form-group">
                        <h5>
                            <label class="control-label">
                                Code*
                            </label></h5>
                        <input type="text" <?php echo (isset($suppliyer['department_code']))?'value="'.$suppliyer['department_code'].'"':null;?> class="form-control" name="department_code" id="department_code" <?php if (isset($type)) if($type=='E') echo 'readonly';?>>
                    </div>
                    <div class="form-group">
                        <h5>
                            <label class="control-label">
                                Name*
                            </label></h5>
                        <input type="text" <?php echo (isset($suppliyer['department_name']))?'value="'.$suppliyer['department_name'].'"':null;?> class="form-control" name="department_name" id="department_name">
                    </div>

                    -
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <input type="submit" name="add_category" value="<?php echo $btnText; ?>" class="btn btn-primary">
        </div>
    </div> <!--/.col-md-12-->
</form>

<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY VALIDATION-->
<script src="<?php echo asset_url(); ?>js/form-validation-create_department.js"></script>
<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY  VALIDATION-->

<script>
    jQuery(document).ready(function() {
        FormValidator.init();
    });
</script>

<script type="text/javascript">
    function insertLocationData(){

        var type=$('#type').val();
        var department_name=$('#department_name').val();
        var department_code=$('#department_code').val();
        var department_id=$('#department_id').val();

        $.post( "<?php echo base_url('department/save_department'); ?>", {type:type, department_id:department_id, department_name:department_name, department_code:department_code })
            .done(function( data ) {

                var obj = jQuery.parseJSON(data);
                // alert(obj.type); //last id

                if (obj.status==0)
                {
                    $('div#error').html('<div class="alert alert-block alert-danger fade in"><button type="button" class="close" data-dismiss="alert">×</button><h4 class="alert-heading"><i class="fa fa-times-circle"></i> Error!</h4>'+obj.validation+'</div>');
                    $('body').modalmanager('removeLoading');
                    $('body').attr('class','');
                }
                else {

                    $('div#ajax-modal').modal('hide');
                    loadGrid();// load location data

                    if(obj.type=='E'){

                        displayNotice('page','Department has been updated successfully!')
                    }
                    if(obj.type=='A'){
                        displayNotice('page','Department has been added successfully!')
                    }
                }
            });
        return false;
    }
</script>