<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 $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 $breadcum ?></h3>
                        <ul class="panel-controls">
                            <li><a href="<?php echo base_url() ?>admin/area-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">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 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 class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Area 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="area_name" class="form-control" value="<?= $area_name ?>"/>
                                </div>                                            
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('area_name')) ?></span>
                            </div>
                        </div>                
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Area Pincode*</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="area_pincode" class="form-control" value="<?= $area_pincode ?>"/>
                                </div>                                            
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('area_pincode')) ?></span>
                            </div>
                        </div>                
                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">Charges*</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="charges" class="form-control" value="<?= $charges ?>"/>
                                </div>                                            
                                <span class="help-block" style="color: red;"><?= strip_tags(form_error('charges')) ?></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' src='<?= $this->config->item('adminassets'); ?>js/location.js'></script>