@php //print_r($attributeData); exit; @endphp
<div class="row" style="margin: 0px;">
  <div class="col-md-4"></div>
  <div class="col-md-6">
    <!-- <button id="addTextBlocks" type="button" class="btn btn-default" style="float:right;">Add</button> -->
 
  </div>
  <div class="col-md-12">
    @if(!$categoryAttributes->isEmpty())
      @if($inheritAttribute == -1 || ($has_parent==0))
        <button id="editCategoryAttributes" type="button" class="btn btn-default set-btn" style="">Edit</button>
      @endif
    @endif
      <div class="index-save-cancel">

         <button type="button"  id="saveProductAttr" class="btn btn-save index-sucess " style="float:left;display:none;">Save</button>
         <button type="button" id="cancelProductAttr" class="btn btn-cancel btn-danger" style="float:left;display:none;">Cancel</button>

         <button type="button"  id="saveAttrWdthSrt" class="btn btn-save index-sucess " style="float:left;display:none;">Save</button>
         <button type="button" id="cancelAttrWdthSrt" class="btn btn-cancel btn-danger" style="float:left;display:none;">Cancel</button>
       </div>
    </div>
  </div>
      <div id="div_table" class="row table-catalog" style="margin: 0px;">
        <input type="hidden" id="inheritProductAttr" name="inheritProductAttr" value="{{$inheritAttribute}}" />
         <div class="sortError" style="color: red;clear: both"></div>
         <table id="productAttributesTables" class="table table-striped table-bordered" cellspacing="0" width="100%">
            <thead>
               <tr>
                  <th scope="col" class="col3" style="width:12%;">Attribute ID</th>
                  <th scope="col" class="col3" style="width:48%;">Attribute Name</th>
                  <th scope="col" class="col3" style="width:25%;">Width (mm)</th>
                  <th scope="col" class="col3" style="width:12%;">Sort</th>
                  <th scope="col" class="col4" style="width:15%;">Delete</th>
               </tr>
            </thead>
            <tbody>
              @php
                $attWidth = 0;
                $aW = array(0);
              @endphp                                          
              @if(!$categoryAttributes->isEmpty())
                @foreach($categoryAttributes as $attribute)
                  @if($categoryDetails->InheritAttribute == 1)
                    @php
                      $disabled = 'disabled = "disabled"';
                    @endphp
                  @else
                      @php $disabled = ''; @endphp
                  @endif

                  @if($attribute->ColumnWidth > 0)
                    @php
                      $attWidth = $attribute->ColumnWidth;
                      $aW[] = $attribute->ColumnWidth;
                    @endphp
                  @else
                    @php
                      $attWidth = 0;
                      $aW[] = 0;
                    @endphp
                  @endif
                
                  <tr class="addedAttr" class="allow_reorder" id="attr_{{$attribute->AttributeID}}" productAttributesTables>
                    <td class="allow_reorder">
                      {{$attribute->AttributeID}}

                      @if($attribute->isVirtualAttribute == "1")
                        <div class="grayBg" style="display: inline-block; float: right; width: 20px; height: 20px; vertical-align: middle;" data-toggle="tooltip" data-placement="top" title="Vritual attribute"></div>
                      @elseif($attribute->InstanceAttribute == "1")
                        <div class="blueBg" style="display: inline-block; float: right; width: 20px; height: 20px; vertical-align: middle;" data-toggle="tooltip" data-placement="top" title="Instance attribute"></div>
                      @else
                        <div style="background-color: none transparent; display: inline-block; float: right; width: 20px; height: 20px; vertical-align: middle;" data-toggle="tooltip" data-placement="top" title="Instance attribute"></div>
                      @endif
                    </td>
                    <td class="allow_reorder">{{$attribute->AttributeName}}</td>

                    <td><span class="allow_reorder toggleInfo">{{ $attWidth }}</span><input type="text" name="{{$attribute->AttributeID}}" style="display:none;"   name="attrWidth" class = "attrWidth" value="{{$attribute->ColumnWidth}}"  class="allow_reorder"/></td>
                    <td><span class="allow_reorder toggleInfo">{{$attribute->SortOrder}}</span><input type="text" name="{{$attribute->AttributeID}}" style="width: 35px;display:none;"  name="attrSort" class = "attrSort" value="{{$attribute->SortOrder}}" class="allow_reorder"/><span class="glyphicon glyphicon-triangle-top sortInc" style="font-size: 24px;padding-left: 5%;vertical-align: middle;cursor:pointer;display:none;"></span><span class="glyphicon glyphicon-triangle-bottom sortDec" style="font-size: 24px;vertical-align: middle;cursor:pointer;display:none;" ></span></td>

                    <td><button type="button" {{$disabled}} value="{{$attribute->AttributeID}}" class="btn btn-default deleteCategoryAttribute">Delete</button></td>
                  </tr>
                @endforeach
              @endif
              <tr class="addedAttrWidthSum">
                <td></td>
                <td></td>

                <td>
                  <span class="colWidth">
                    <b>
                      {{ array_sum($aW) }}
                    </b>
                  </span>
                </td>
                <td></td>

                <td></td>
              </tr>
            </tbody>
            <!-- <tfoot>
              <tr class="addedAttrWidthSum">
                  <th></th>
                  <th></th>

                  <th>
                    <span class="colWidth">
                      <b>
                        {{ array_sum($aW) }}
                      </b>
                    </span>
                  </th>
                  <th></th>

                  <th></th>
               </tr>
            </tfoot> -->
         </table>
      </div>
      <div class="row table-catalog" style="margin: 0px;">
        @if(($inheritAttribute != 1) || ($has_parent==0))
         <div class="col-md-2">
            <select  id="attribute"  name="attribute" class="form-control">
                <option  value="">Add Attribute</option>
                  @foreach($attributes as $attribute)
                    <option  value="{{$attribute->AttributeID}}">{{ $attribute->AttributeName }}</option>
                  @endforeach
            </select>
         </div>
        @endif
        <div class="col-md-4"></div>
        <div class="col-md-4"></div>
      </div>
      <div class="row table-catalog" style="margin: 0px;">
         <div class="col-md-12">
              @if($has_parent > 0)

                   @if($inheritAttribute == 1)
                        <div class="setup-text btnUnLinkAttr">Attributes shown on Products in this Category are Linked from level above</div>
                        <div class="btnUnLinkAttr"><button id="unlinkProductAttr" type="button" class="btn btn-default">Un-Link</button></div>

                        @php  $style = 'style=display:none;'; @endphp

                        <div class="setup-text btnLinkAttr" {{$style}}>Attributes shown on Products in this Category are Linked from level above</div>
                        <div class="btnLinkAttr" {{$style}} ><button id="linkProductAttr" type="button" class="btn btn-default ">Link</button></div>

                    @else
                        @php $style = 'style=display:none;'; @endphp
                        <div class="setup-text btnUnLinkAttr" {{$style}}>Attributes shown on Products in this Category are Linked from level above</div>
                        <div class="btnUnLinkAttr" {{$style}}><button id="unlinkProductAttr" type="button" class="btn btn-default">Un-Link</button></div>

                        <div class="setup-text btnLinkAttr">Attributes shown on Products in this Category are Not Linked from level above</div>
                        <div class="btnLinkAttr"><button id="linkProductAttr" type="button" class="btn btn-default ">Link</button></div>
                   @endif
              @endif

         </div>
      </div>