<script type="text/javascript" src="<?php echo $this->config->item('ckeditor_basepath'); ?>ckeditor.js"></script>
<ul class="breadcrumb">
    <li><a href="<?= site_url('admin/dashboard') ?>">Home</a></li>    
            <li class="active"><?php echo isset($menucat_id) ? $breadcum_edit : $breadcum ?></li> 
</ul>
<div class="page-content-wrap">
    <div class="row">
        <div class="col-md-12">
            <form action="" class="form-horizontal" method="post" enctype="multipart/form-data">
                <div class="panel panel-default">
                    <div class="panel-heading">     
                   
                         <h3 class="panel-title"><?php echo isset($menucat_id) ? $breadcum_edit : $breadcum ?></h3>
              
                        <ul class="panel-controls">
                            <li><a href="" onclick="history.back()"><span class="fa fa-backward" title="Back"></span></a></li>
                        </ul>
                    </div>                  
                    <div class="panel-body form-group-separated">                      
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Menu Category Name</label>
                            <div class="col-md-6 col-xs-12">                                            
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" name="item_cat_name" class="form-control" value="<?= $item_cat_name ?>"/>
                                </div>                                            
                                  <span class="help-block" style="color: red;"><?= strip_tags(form_error('item_cat_name'))?></span>
                            </div>
                        </div>                        
                          
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Menu Category Description</label>
                            <div class="col-md-9 col-xs-12">                                            
                                <textarea class="form-control" id="editor_<?=$key?>" name="item_cat_description"><?= $item_cat_description ?></textarea>
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('item_cat_description'))?></span>                                
                            </div>
                        </div> 
                         <script type="text/javascript">
                            CKEDITOR.replace('editor_<?=$key?>',
                                    {
                                        filebrowserBrowseUrl: '<?php echo $this->config->item('ckeditor_basepath'); ?>ckfinder/ckfinder.html',
                                        filebrowserImageBrowseUrl: '<?php echo $this->config->item('ckeditor_basepath'); ?>ckfinder/ckfinder.html?type=Images',
                                        filebrowserFlashBrowseUrl: '<?php echo $this->config->item('ckeditor_basepath'); ?>ckfinder/ckfinder.html?type=Flash'
                                    });
                        </script> 
                        
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Menu Category Image</label>
                            <div class="col-md-6 col-xs-12">  
                                Please Choose a file: <input type="file"  class="fileinput btn-primary" onChange="readURL(this);" id="item_cat_image" name="item_cat_image" value="<?= $item_cat_image ?>" title="Browse file" ><br/>
                                          <?php if (isset($item_cat_image) && $item_cat_image!='') { ?>
                                    <img id="item_cat_image_preview" src="<?= base_url() ?>assets/uploads/menu_item_images/<?= $item_cat_image ?>" width="50px" height="50px">
                                <?php } else { ?>
                                    <img id="item_cat_image_preview" src="<?= $this->config->item('adminassets'); ?>img/upload_image.png" width="50px" height="50px">
                                <?php } ?>   
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Meta Title</label>
                            <div class="col-md-6 col-xs-12">                                            
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" name="meta_title" class="form-control" value="<?= $meta_title ?>"/>
                                </div>                                            
                                  <span class="help-block" style="color: red;"><?= strip_tags(form_error('meta_title'))?></span>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Meta Keywords</label>
                            <div class="col-md-6 col-xs-12">                                            
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" name="meta_keywords" class="form-control" value="<?= $meta_keywords ?>"/>
                                </div>                                            
                                  <span class="help-block" style="color: red;"><?= strip_tags(form_error('meta_keywords'))?></span>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Meta Description</label>
                            <div class="col-md-6 col-xs-12">                                            
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" name="meta_description" class="form-control" value="<?= $meta_description ?>"/>
                                </div>                                            
                                  <span class="help-block" style="color: red;"><?= strip_tags(form_error('meta_description'))?></span>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Country</label>
                            <div class="col-md-6 col-xs-12">                                                                                            
                                <select class="form-control select" data-live-search="true" name="country_id" id="country_id">
                                       <option value="">Select Country</option>
                                     <?php foreach ($country_list as $country) { ?>
                                    <option value="<?= $country['ct_id']?>"<?php if($country['ct_id']== $country_id) { ?> selected="selected" <?php }?>><?= $country['country_name']?></option>  
                                     <?php }?>
                                </select>
                                 <span class="help-block" style="color: red;"><?= strip_tags(form_error('country_id'))?></span>
                            </div>
                        </div>
                        
                         <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Province</label>
                            <div class="col-md-6 col-xs-12">                                                                                            
                                <select class="form-control select" data-live-search="true" name="province_id" id="province"> 
                                    <option value="">Select Country First</option>
                                     <?php if(isset($menucat_id)) {?>
                                     <?php foreach ($province_list as $province) { ?>
                                    <option value="<?= $province['province_id']?>"<?php if($province['province_id']== $province_id) { ?> selected="selected" <?php }?>><?= $province['province_name']?></option>  
                                     <?php }}?>
                                </select>
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('province_id'))?></span>
                            </div>
                        </div>
                        
                    </div>
                    
                    <div class="panel-footer">
                        <button class="btn btn-default" type="reset">Clear Form</button>                                    
                        <button class="btn btn-primary pull-right">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div> 
</div>
<script>
                            function readURL(input) {
                                if (input.files && input.files[0]) {
                                    var reader = new FileReader();
                                    //alert(input.id);
                                    reader.onload = function(e) {
                                        $('#' + input.id + '_preview').attr('src', e.target.result);
                                    }
                                    reader.readAsDataURL(input.files[0]);
                                }
                            }                           
                         
</script>
<script type='text/javascript' src='<?= $this->config->item('adminassets'); ?>js/location.js'></script>

