<ul class="nav nav-tabs" role="tablist">
    <li role="modal_tab_1" class="active"><a href="#modal_tab_1" aria-controls="modal_tab_1" role="tab" data-toggle="tab"><?php print t('Description')?></a></li>
    <li role="modal_tab_2"><a href="#modal_tab_2" aria-controls="modal_tab_2" role="tab" data-toggle="tab"><?php print t('Pricing')?></a></li>
    <li role="modal_tab_3"><a href="#modal_tab_3" aria-controls="modal_tab_3" role="tab" data-toggle="tab"><?php print t('Gallery')?></a></li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Attributes
      <span class="caret"></span></a>
      <?php
        $attributes = field_info_instances('commerce_option', 'attributes');
      ?>
      <ul class="dropdown-menu">
        <?php foreach($attributes as $k=>$v):?>
        <li><a href="#submodal_tab_<?php print $k?>" aria-controls="submodal_tab_<?php print $k?>" role="tab" data-toggle="tab"><?php print t($v['label'])?></a></li>
        <?php endforeach?>
      </ul>
    </li>
    <li role="modal_tab_5"><a href="#modal_tab_5" aria-controls="modal_tab_5" role="tab" data-toggle="tab">Weight</a></li>
    <?php if(user_has_role(4) || user_has_role(3)):?>
    <li role="modal_tab_6" class="pull-right"><a href="#modal_tab_6" aria-controls="modal_tab_6" role="tab" data-toggle="tab">Promo</a></li>
    <?php endif?>
  </ul>
  <div class="tab-content">
    <div role="modal_tab_1" class="tab-pane active" id="modal_tab_1">
      <div class="row">
        <div class="col-md-8">
          <?php print render($form['title']); ?>
        </div>
        <div class="col-md-4">
          <?php print render($form['status']); ?>
        </div>
        <div class="col-md-7">
          <?php print render($form['field_category']); ?>
        </div>
        <div class="col-md-5">
        <?php print render($form['field_gender']); ?>
        </div>
      </div>
      <?php print render($form['field_product_description']);?>
    </div>
    <div role="modal_tab_2" class="tab-pane" id="modal_tab_2">
      <?php print render($form['commerce_price']); ?>
      <div class="row">
        <div class="col-md-12">
          <?php print render($form['field_product_discount']); ?>
        </div>
      </div>
    </div>
    <div role="modal_tab_3" class="tab-pane" id="modal_tab_3">
      <div id="about" class="nano">
        <div class="nano-content">
          <?php print render($form['field_gallery']); ?>
        </div>
      </div>
    </div>
    <div role="modal_tab_4" class="tab-pane" id="modal_tab_4">
      <div id="about" class="nano">
        <div class="nano-content">
          <?php //print render($form['field_attributes']); ?>
        </div>
      </div>
    </div>


    <?php foreach($attributes as $k=>$v):?>
    <div role="submodal_tab_<?php print $k?>" class="tab-pane" id="submodal_tab_<?php print $k?>">
      <div class="commerce-pricing-attributes-set-details">
        <div id="about" class="nano">
          <div class="nano-content">
            <?php print render($form['field_attributes']['und'][0]['set_details'][$k]); ?>
          </div>
        </div>
      </div>
    </div>
    <?php endforeach?>

    <div role="modal_tab_5" class="tab-pane" id="modal_tab_5">
      <?php print render($form['field_product_weight']); ?>
    </div>

    <?php if(user_has_role(4) || user_has_role(3)):?>
    <div role="modal_tab_6" class="tab-pane" id="modal_tab_6">
      <?php print render($form['field_product_promo']); ?>
    </div>
    <?php endif?>
  </div>
</div>
<?php print render($form['actions']['submit']); ?>
<div class="hidden">
 <?php print drupal_render_children($form) ?>
</div>