<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($package_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 if ($package_id) { ?>Edit<?php } else { ?> Add<?php } ?> Meal</h3>
                        <ul class="panel-controls">
                            <li><a href="<?php echo site_url() ?>admin/meal-list"><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">Meal 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="name" class="form-control" value="<?= $name ?>"/>
                                </div>                                            
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('name')) ?></span>
                            </div>
                        </div>   
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Category</label>
                            <div class="col-md-6 col-xs-12">                                                                                            
                                <select class="form-control" name="online_cat_id">
                                    <option value="">Select Category</option>
                                    <?php foreach ($child_categories as $child_category) { ?>
                                        <option value="<?= $child_category['online_cat_id'] ?>"<?php if ($child_category['online_cat_id'] == $online_cat_id) { ?> selected="selected" <?php } ?>><?= $child_category['online_cat_name'].' ('.$child_category['province_name'].')' ?></option>  
                                    <?php } ?>
                                </select>
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('online_cat_id')) ?></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Meal Price *</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="price" class="form-control" value="<?= $price ?>"/>
                                </div>                                            
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('price')) ?></span>
                            </div>
                        </div> 

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Minimum People*</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="min_order_amount" class="form-control" value="<?= $min_order_amount ?>"/>
                                </div>                                            
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('min_order_amount')) ?></span>
                            </div>
                        </div>             

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Meal Description *</label>
                            <div class="col-md-9 col-xs-12">                                            
                                <textarea class="form-control" id="editor" name="description"><?= $description ?></textarea>
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('description')) ?></span>                         
                            </div>
                        </div>
<div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Meal 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="meal_image" name="meal_image" value="<?= $meal_image ?>" title="Browse file" ><br/>
                          <?php if (isset($meal_image) && $meal_image!='') { ?>
                              <img id="meal_image_preview" src="<?= base_url() ?>assets/uploads/meal_images/<?= $meal_image ?>" width="50px" height="50px">
                          <?php } else { ?>
                              <img id="meal_image_preview" src="<?= $this->config->item('adminassets'); ?>img/upload_image.png" width="50px" height="50px">
                          <?php } ?>                            
                                  <span class="help-block" style="color: red;"><?= strip_tags(form_error('meal_image'))?></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 type="text/javascript">
    CKEDITOR.replace('editor',
            {
                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'
            });
                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> 

