<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url() . 'admin/sizes/view_attributes/' . $size_id; ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back to Attributes Page</a></p><br>
        <h4>Option: <?= ucwords($product_size); ?></h4>
        <h4><?= empty($attributes->id_product_attributes) ? 'Add a new attribute' : 'Edit attribute: ' . $attributes->product_attributes; ?></h4>
        <?= $this->session->flashdata('success'); //to display success message ?> 
        <?= $this->session->flashdata('result'); //to display result message ?>
    </div> 
</div>  

<?= form_open_multipart(); ?>

<input type="hidden" name="size_id" value="<?= $size_id; ?>">

<div class="row">
    <div class="col-sm-3">
        <p>Attribute value</p>
    </div> 
    <div class="col-sm-9">
        <p>
        <?php
        $data = array(
            'name'        => 'product_attributes',
            'value'       =>  $attributes->product_attributes,
            'class'       => 'form-control'
         );
        echo form_input($data); ?>
        <?= form_error('product_attributes'); ?></p>
    </div>
</div>  

<div class="row">
    <div class="col-sm-3">
        <p>Additional Price (Rp)<br><span style="font-size:12px; font-style:italic">Leave empty if no additional price</span></p> 
    </div> 
    <div class="col-sm-9">
        <p>
        <?php
        $data = array( 
            'name'        => 'additional_price',
            'value'       =>  $attributes->additional_price,
            'class'       => 'form-control'
         );
        echo form_input($data); ?>
        <?= form_error('additional_price'); ?></p>
    </div>
</div> 

<div class="row">
    <div class="col-sm-3">
        <p>
        <?php if($attributes->id_product_size == 8) : ?>    
            Image Design 1
        <?php else : ?>
            Image 
        <?php endif; ?>    
        <br><span style="font-size:12px; font-style:italic">Leave empty if no image</span>
        <?php if (!empty($attributes->image)) : ?>
            &nbsp;&nbsp;<img style="width:100px; height:auto;" src="<?= base_url() . 'uploads/sizes/' . $attributes->image; ?>"  alt="" />
            <br>
            <i class="fa fa fa-trash-o" aria-hidden="true"></i> <a href="<?= base_url() . 'admin/sizes/delete_attribute_image/' . $attributes->id_product_attributes . '/image'; ?>">Delete</a>
          <?php endif; ?>  
        </p>
    </div>
     <div class="col-sm-9">
        <p><input type="file" name="image" size="20" class="btn btn-default btn-file form-control" /> 
        <span style="font-size:12px; font-style: italic;">Image size must be max of 500KB</span>
        <span style="color:#F7931E;"><?php echo form_error('image'); ?></span>
        <?php echo $this->session->flashdata('banner_error'); //to display error message ?> 
        </p>
    </div>
</div> 

<?php if($attributes->id_product_size == 8) : ?>    
<div class="row">
    <div class="col-sm-3">
        <p>Image Design 2
        <br><span style="font-size:12px; font-style:italic">Leave empty if no image</span>
        <?php if (!empty($attributes->image2)) : ?>
            &nbsp;&nbsp;<img style="width:100px; height:auto;" src="<?= base_url() . 'uploads/sizes/' . $attributes->image2; ?>"  alt="" />
            <br>
            <i class="fa fa fa-trash-o" aria-hidden="true"></i> <a href="<?= base_url() . 'admin/sizes/delete_attribute_image/' . $attributes->id_product_attributes . '/image2'; ?>">Delete</a>
          <?php endif; ?>  
        </p>
    </div>
     <div class="col-sm-9">
        <p><input type="file" name="image2" size="20" class="btn btn-default btn-file form-control" /> 
        <span style="font-size:12px; font-style: italic;">Image size must be max of 500KB</span>
        <span style="color:#F7931E;"><?php echo form_error('image2'); ?></span>
        <?php echo $this->session->flashdata('banner_error'); //to display error message ?> 
        </p>
    </div>
</div> 
<?php endif; ?>

<?php if($attributes->id_product_size == 8) : ?>    
<div class="row">
    <div class="col-sm-3">
        <p>Image Design 3
        <br><span style="font-size:12px; font-style:italic">Leave empty if no image</span>
        <?php if (!empty($attributes->image3)) : ?>
            &nbsp;&nbsp;<img style="width:100px; height:auto;" src="<?= base_url() . 'uploads/sizes/' . $attributes->image3; ?>"  alt="" />
            <br>
            <i class="fa fa fa-trash-o" aria-hidden="true"></i> <a href="<?= base_url() . 'admin/sizes/delete_attribute_image/' . $attributes->id_product_attributes . '/image3'; ?>">Delete</a>
          <?php endif; ?>  
        </p>
    </div>
     <div class="col-sm-9">
        <p><input type="file" name="image3" size="20" class="btn btn-default btn-file form-control" /> 
        <span style="font-size:12px; font-style: italic;">Image size must be max of 500KB</span>
        <span style="color:#F7931E;"><?php echo form_error('image3'); ?></span>
        <?php echo $this->session->flashdata('banner_error'); //to display error message ?> 
        </p>
    </div>
</div> 
<?php endif; ?>

<div class="row" 
<?php if($is_color == 'no') : ?>
style="display:none"
<?php endif; ?>
>
    <div class="col-sm-3"> 
        <p>Hex Color Code</p>
    </div> 
    <div class="col-sm-9">
        <div id="cp2" class="input-group colorpicker-component">
            <input name="color_code" type="text" value="<?= $attributes->color_code; ?>" class="form-control" />
            <span class="input-group-addon"><i style="border:1px solid black;"></i>&nbsp;&nbsp;(click icon to choose color)</span>
        </div>
        <script>
            $(function() {
                $('#cp2').colorpicker();
            });
        </script>
        <?= form_error('color_code'); ?>
    </div>
</div>  

<div class="row">
    <div class="col-sm-3">
    </div> 
     <div class="col-sm-9">
        <?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success button-brown"'); ?>&nbsp;&nbsp;&nbsp;<?= anchor('admin/sizes/view_attributes/' . $size_id, 'cancel'); ?>
    </div>
</div>  

<?= form_close(); ?> 

<script>

</script>