<?php 
$query_attribute = $this->db->get_where('product_attributes',array('id'=>$detail->product_attribute_id));

$is_color = 'no';
if ($query_attribute->num_rows()>0) {
  $is_color = $query_attribute->row()->is_color;
}

?>

<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url() . 'admin/product_attributes/view_detail/' . $attribute_id; ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke daftar atribut</a></p>
        <br>
        <h4>Varian: <?= ucwords($product_attribute); ?></h4>
        <h4><?= empty($detail->id) ? 'Buat Atribut baru' : 'Edit Atribut: ' . $detail->attribute_detail; ?></h4>
        <?= $this->session->flashdata('success'); ?> 
        <?= validation_errors(); ?>
    </div>
</div> 

<?= form_open_multipart(); ?>

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

<div class="row">
    <div class="col-sm-3"> 
        <p>Nama Atribut</p>  
    </div>
    <div class="col-sm-9">
        
        <div class="tabbable">

          <ul class="nav nav-tabs">
              <li class="active"><a href="#attribute_id" data-toggle="tab">Indonesia</a></li>
              <li><a href="#attribute_en" data-toggle="tab">Inggris</a></li>
          </ul>

          <div class="tab-content">
            
             <div class="tab-pane active" id="attribute_id">
                <p>
                <?php
                $data = array( 
                    'name'        => 'attribute_detail',
                    'value'       => $detail->attribute_detail,
                    'class'       => 'form-control'
                 );
                echo form_input($data); ?>
                <?= form_error('attribute_detail'); ?></p> 
             </div>

              <div class="tab-pane" id="attribute_en">
              <p>
                <?php
                $data = array( 
                    'name'        => 'attribute_detail_en',
                    'value'       => $detail->attribute_detail_en,
                    'class'       => 'form-control'
                 );
                echo form_input($data); ?>
                <?= form_error('attribute_detail_en'); ?></p> 
             </div>
          </div>
        </div>
    </div>
</div> 

<?php if ($is_color == 'no'): ?>
<div class="row">
  <div class="col-sm-3">
      <p>Gambar/Tekstur
       <?php if (!empty($detail->image)) : ?> 
          &nbsp;&nbsp;<img style="width:80px; height:auto;" src="<?= base_url() . 'uploads/varian/' . $detail->image; ?>"  alt="" />
        <?php endif; ?>    
      </p>
  </div>
   <div class="col-sm-9">
     <input type="file" name="image1" size="20"class="form-control" /><br>  
      <span style="font-size:12px; font-style: italic;">Ukuran maks lebar 200 pixel. Tinggi 200 pixel, jpg/png, maks 200KB</span>
      <span style="color:#F7931E;"><?php echo form_error('image1'); ?></span>
      <?php echo $this->session->flashdata('error'); ?> 
  </div>
</div> 
<?php endif; ?>

<div class="row">
    <div class="col-sm-3">
        <p>Urutan Tampilan (isi dengan angka)</p>
    </div><!-- end class="col-sm-3" -->

     <div class="col-sm-9">
        <p>
        <?php
        $data = array(
            'name'        => 'priority',
            'value'       => $detail->priority,
            'class'       => 'form-control'
            );
        echo form_input($data); ?>
        <?= form_error('priority'); ?></p>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row --> 

<?php if ($is_color == 'yes'): ?>
   
<div class="row">
    <div class="col-sm-3">
        <p>Warna</p>
    </div><!-- end class="col-sm-3" -->

     <div class="col-sm-9">
        <div id="cp2" class="input-group colorpicker-component">
            <?php 
            if (empty($detail->color_hex)) {
              $detail->color_hex = '#ffffff';
            }

             ?>
            <input name="color_hex" type="text" value="<?= @$detail->color_hex; ?>" class="form-control" />
            <span class="input-group-addon"><i style="border:1px solid black;"></i>&nbsp;&nbsp;(klik ikon untuk memilih warna)</span>
        </div>
        <script>
            $(function() {
              $('#cp2').colorpicker({
                  format: 'hex'
              });
            });
        </script>
        <?= form_error('color_hex'); ?>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row --> 

<?php endif ?> 

<div class="row">
    <div class="col-sm-3">
    </div>
    <div class="col-sm-9">
         <?php if(empty($detail->id)) : ?>
            <p><?= form_submit('submit', 'Simpan', 'class="btn btn-primary btn-success"'); ?>
        <?php else : ?>
            <p><?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success"'); ?>
        <?php endif; ?>   
        &nbsp;&nbsp;&nbsp;<?= anchor('admin/product_attributes/view_detail/' . $attribute_id, 'Batal', array('class' => 'btn btn-default')); ?>
    </div><!-- end class="col-sm-9" -->
</div> <!-- end row --> 

<?= form_close(); ?>