<div class="modal-header">
    <a href="<?= base_url('admin/brands'); ?>">&lt;&lt; Back to Brand List Page</a><br><br>
    <h4><?= empty($brands->id_brands) ? 'Add a new brand' : 'Edit brand: ' 
	. $brands->brand; ?></h4> 
  <?= $this->session->flashdata('success'); //to display success message ?> 
  <?= $this->session->flashdata('result'); //to display result message ?>
</div>

<div class="modal-body" style="max-height:1200px;">
	<?= form_open_multipart(); ?>
    <table class="table">
        <tr>
            <td>Brand Kanva</td>
            <td>
                <select name="kanva_group" id="kanva_group">
                    <?php if($brands->kanva_group == '0') : ?>
                        <option value="0" selected>Tidak</option>
                    <?php else: ?>
                        <option value="0">Tidak</option>
                    <?php endif; ?>

                    <?php if($brands->kanva_group == '1') : ?>
                        <option value="1" selected>Ya</option>
                    <?php else: ?>
                        <option value="1">Ya</option>
                    <?php endif; ?>
                </select>
            </td> 
        </tr>
        <tr>
            <td>Brand Name</td>
            <td><?= form_input('brand_name' , set_value('brand_name', $brands->brand)); ?>
            <?= form_error('brand_name'); ?>
            </td> 
        </tr>

        <tr>
          <td>Brand Description</td>
          <td><?php echo form_textarea('description', set_value('description', $brands->description, FALSE)); ?>
          <?php echo form_error('description'); ?>
        </tr>

        <tr>
          <td>Brand Image
          
          <?php if (!empty($brands->image)) : ?>
            &nbsp;&nbsp;<img style="width:200px; height:auto;" src="<?= base_url() . 'uploads/brand/' . $brands->image; ?>"  alt="" />
            
            <i class="icon-trash"></i> <a href="<?= base_url() . 'admin/brands/delete_image/' . $brands->id_brands; ?>">Delete</a>
          
          <?php endif; ?>  

          </td>
          <td>
            <input type="file" name="userfile" size="20" /><br> 
            
            <?php
                //get max image width and height from configuration table
                $this->db->select('brand_image_width, brand_image_height')->from('configuration')->where('id_configuration', 1);
                $image_dimension = $this->db->get()->row();
            ?>

            <span style="font-size:12px; font-style: italic;">Image size must be <?= $image_dimension->brand_image_width;?>  pixel width. <?= $image_dimension->brand_image_height;?> pixel height, png, max 300KB</span>
            <span style="color:#F7931E;"><?php echo form_error('userfile'); ?></span>
            <?php echo $this->session->flashdata('error'); //to display error message ?>  
          </td>    
        </tr> 

        <tr>
            <td>Province</td>
            <td>
                <select id="province" name="province">
                    <option value="">Choose Province...</option>
                    <?php foreach($provinces['rajaongkir']['results'] as $province) : ?>
                        <?php if($brands->id_province == $province['province_id']) : ?>
                            <option value="<?= $province['province_id']; ?>" selected><?= ucwords($province['province']); ?></option>
                        <?php else: ?>
                            <option value="<?= $province['province_id']; ?>"><?= ucwords($province['province']); ?></option>
                        <?php endif; ?>
                    <?php endforeach; ?>	
                </select> 
                <?php echo form_error('province'); ?>
            </td>  
        </tr>

        <tr>
            <td>City / District</td>
            <td>
                <input type="hidden" id="hide_district" value="<?=$brands->id_district?>">
                <select id="district" name="district">
                </select> 
                <?php echo form_error('district'); ?>
            </td>  
        </tr>

        <tr>
            <td>Display Priority (must be number only)</td>
            <td><?= form_input('priority' , set_value('priority', $brands->priority)); ?>
            <?= form_error('priority'); ?> 
            </td>  
        </tr>
        
        <tr>
            <td>Display</td>
            <td>
            <?php
                $options = array(
                  1  => 'Yes',
                  0  => 'No'
                );
                echo form_dropdown('status', $options, $brands->status);
             ?>   
            </td>
        </tr>

        <tr>
            <td><strong>SEO (Search Engine Optimization)</strong></td>
            <td></td>    
        </tr>

        <tr>
            <td>Page Meta Description</td>
            <td><?= form_input('meta_description' , set_value('meta_description', $brands->meta_description)); ?>
            <?= form_error('meta_description'); ?> 
            </td>  
        </tr>

        <tr>
            <td>Page Meta Keywords<br>(separated with comma)</td>
            <td><?= form_input('meta_keywords' , set_value('meta_keywords', $brands->meta_keywords)); ?>
            <?= form_error('meta_keywords'); ?> 
            </td>  
        </tr>
           
        <tr>
            <td></td>
            <td>
			<?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success button-brown"'); ?>
            &nbsp;&nbsp;&nbsp;<?= anchor('admin/brands', 'cancel'); ?>
            </td>
        </tr>
    </table>
    <?= form_close(); ?>
</div>

<script>
    $(document).ready(function() {
        var id_province = $('#province').val();
        load_district(id_province);

		$('#province').change(function() {
				var id_province = $(this).val();
				load_district(id_province);
		});  

		$('#district').change(function() {
				var id_district = $(this).val();
		});  

    })

    var controller = 'register';
    var base_url = '<?= base_url(); ?>'; 

    function load_district(id_province) {
        $.ajax({
                'url'       : base_url + controller + '/ajax_get_district',
                'type'      : 'POST',
                'data'      : {'id_province' : id_province}, 
                'success'   : function(data) {
                        var container = $('#district');
                        
                        if (data) { 
                                container.html(data);
                                var id_district = $('#hide_district').val();
                                if(id_district != ''){   
                                    $("#district").val(id_district);
                                }
                        };
                }
        });
    }
</script>