@extends('layouts.appMall')
@section('title','Classification - ')

@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/class/class.min.css?v={{time()}}">
@endsection

@section('body')
<textarea id="domainxksearch" style="position: fixed;right:9999px;"></textarea>
<div class="mallpage">
    @include('common.mallHeaderTop')
    @include('common.mallHeaderNav')
    <div class="classbox w1200">
      <div class="bread-menu row boxsiz">
        <a href="/mall">Home</a>
        @if(!empty($crumbs['second_class']))
          <i>></i>
          <a href="/class/{{$crumbs['second_class']['class_id']}}">{{$crumbs['second_class']['class_name_en']}}</a>
        @endif
        @if(!empty($crumbs['third_class']))
          <i>></i>
          <span>{{$crumbs['third_class']['class_name_en']}}</span>
        @endif
      </div>
      <input type="hidden"  id="class_id_two" value="{{$crumbs['second_class']['class_id']??''}}">
      <input type="hidden"  id="class_id_three" value="{{$crumbs['third_class']['class_id']??''}}">
      @if(!empty($classification['children']))
      <div class="class-three-box boxsiz">
        <div class="chead boxsiz">{{$classification['class_name_en']}}({{$classification['sku_number']}})</div>

          <div class="csec boxsiz clear">
            @foreach($classification['children'] as $class)
              <a href="/class/{{$class['class_id']}}" >{{$class['class_name_en']}}({{$class['sku_number']}})</a>
            @endforeach
          </div>
      </div>
      @endif

        <div class="shit-box boxsiz">
            <p class="titletext">Manufacturer</p>
            <div class="shift-con row boxsiz">
                <div class="brand-box">
                    <span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
                    <input type="text" placeholder="search" class="brandvals">
                    <div class="bcon boxsiz">
                        <p>TI</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="listcon boxsiz w1200">
            <div class="row p25 bothSide">
                <div class="countshead">Filtering results：<span class="search_result_count">0</span></div>
                <div class="butcon row">
                    <div class="but searchbq">Search</div>
                    <div class="but resetst">Reset</div>
                </div>
            </div>
            <div class="row p25 mb20">
                <div class="search-shit boxsiz">
                    <span class="icon searchbq"><i class="icon iconfont icon-shouyesousuo"></i></span>
                    <input type="text" placeholder="search" class="classsearchvals">
                </div>
                <div class="check-group row verCenter eqsort checksearchsz">
                    <div class="check">
                        <i class="icon iconfont icon-gou"></i>
                    </div>
                    <p>Exact Match</p>
                </div>
            </div>
            <div class="datalistcon boxsiz">
                <div class="list-th boxsiz row">
                    <div class="th w180">Part NO.</div>
                    <div class="th w180">Manufacturer</div>
                    <div class="th w280">Availability/Sales Unit/Full Reel</div>
                    <div class="th w140">Delivery date</div>
                    <div class="th w180">Prices</div>
                    <div class="th">Options</div>
                </div>
                <div class="data-td">
                </div>
                <div class="M-pagebox row rowCenter"></div>
            </div>
        </div>
    </div>
    @include('common.mallFooter')
</div>
@endsection



@verbatim
<script id="DataTmp" type="text/html">
{{each data value index}}
<div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
    <div class="td w180">
        <a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
        <div class="copyname" goods_name="{{value.goods_name}}">
            <i class="icon iconfont icon-fuzhi"></i>
        </div>
    </div>
    <div class="td w180">
        {{value.brand_name}}
        {{if value.pdf}}
        <a class="pdflink" href="{{value.pdf}}" target="_blank"> <i class="icon iconfont icon-PDF"></i></a>
        {{/if}}
    </div>
    <div class="td w280">
        <div> Availability：{{value.stock}}</div>
        <div> Min：{{value.moq}} <span class="mult">Mult：{{value.mult}} </span></div>
        <div> Full Reel：{{value.mpq}} </div>
    </div>
    <div class="td w140">{{value.hk_delivery_time||" "}}</div>
    <div class="th w180">
        <div class="price-jt">
            {{each value['ladder_price'] val i}}
                <div class="price-group row" purchases="{{val.purchases}}">
                    <div class="jtpr">{{val.purchases}}+</div>
                    <div class="jtpc">$<span class="jtpcval">{{val.price_us}}</span></div>
                </div>
            {{/each}}
            {{if !value['ladder_price']|| value['ladder_price'].length==0}}
            &nbsp;
            {{/if}}
        </div>
    </div>
    <div class="td">
        <div class="input-box ">
            <input type="text" class="valuep valuepSearch" mult="{{value.mult}}" minNum="{{value.moq}}" value="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
            <div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
        </div>
        <div class="total-price">
            Total：$<span class="totalrow">0.00</span>
        </div>
    </div>
</div>
{{/each}}
</script>
@endverbatim

@section('js')
<script src="{{$public}}/assets/js/class/class.js?v={{time()}}"></script>
@endsection