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

@section('body')
<div class="mallpage">
    @include('common.mallHeaderTop')
    @include('common.mallHeaderNav')
    <input type="hidden" id="sku_goods_id" value="{{request()->route('goods_id')}}">
    <div class="skubox w1200 skudetailboxs" >


    </div>
    @include('common.mallFooter')
</div>
@endsection

@verbatim
<script id="DataTmp" type="text/html">
    <div class="bread-menu row boxsiz">
        <a href="/mall">Home</a>
        <i>></i>
        {{if sku_brand_id}}
        <a href="/brand/{{sku_brand_id}}">{{sku_brand_name}}</a>
        {{else}}
            <a href="/class/{{class_id1}}">{{class_id1_name}}</a>
            {{if class_id2}}
            <i>></i>
            <a href="/class/{{class_id2}}">{{class_id2_name}}</a>
            {{/if}}
        {{/if}}
        <i>></i>
        <span>{{goods_name}}</span>
    </div>
    <div class="cons ">
        <div class="detailtop row bothSide">
            <div class="left row">
                <div>
                    <div class="imgbox row verCenter">
                        <img src="{{goods_images||'/assets/images/common/brand.png'}}">
                    </div>
                    <div class="imgtips">Pictures are for reference only.</div>
                </div>
                <div class="skuinfo">
                    <div class="h3">{{goods_name}}</div>
                    <div class="group-info row">
                        <div class="label">Manufacturer</div>
                        <div class="contents">{{brand_name}}</div>
                    </div>
                    <div class="group-info row">
                        <div class="label">Part NO.</div>
                        <div class="contents">{{goods_name}}</div>
                    </div>
                    <div class="group-info row">
                        <div class="label">Delivery date</div>
                        <div class="contents">{{hk_delivery_time}}</div>
                    </div>
                    {{if pdf}}
                    <div class="group-info row">
                        <div class="label">Datasheet</div>
                        <div class="contents">
                            <a href="{{pdf}}" class="pdf" target="_blank">
                                <i class="icon iconfont icon-PDF"></i>
                            </a>
                        </div>
                    </div>
                    {{/if}}

                </div>
            </div>
            <div class="right">
                <div class="stores">{{stock}} In Stock</div>
                {{if is_buy==1}}
                <div class="numtitle">QUANTITY</div>
                <input type="text" class="valuep inputval inputvalskudetail" mult="{{mult}}" minNum="{{moq}}" value="{{moq}}" maxNum="{{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="pricebox ">
                    <div class="group-tp row tt">
                        <div class="lt">QTY</div>
                        <div>UNIT PRICE</div>
                        <div>TOTAL</div>
                    </div>
                    <div class="group-tp row">
                        <div class="lt countskud">{{moq}}</div>
                        <div>$<span class="skupriced">0.00</span></div>
                        <div>$<span class="skupricedtotal">0.00</span></div>
                    </div>
                    <div class="totalMoney">
                        $<span class="skupricedtotal">0.00</span>
                    </div>
                    <div class="butbox row bothSide">
                        <div class="buts leftbut skuconfirms" goods_id="{{goods_id}}">Place Order</div>
                        <div class="buts skuaddcar" goods_id="{{goods_id}}">ADD to Cart</div>
                    </div>
                </div>
                {{else}}
                    <div class="frqbtnxs skufrqbtns">Real-time RFQ</div>
                    {{/if}}

            </div>
        </div>
        <div class="detailbottom row bothSide">
            <div class="left">
                <div class="model">Models Suggestions</div>
                <div class="more-sku row bothSide">
                    {{each push_goods value index}}
                    <a class="sku-group" href="/sku/{{value.goods_id}}">
                        <div class="skuimgbox row verCenter">
                            <img src="{{value.goods_images||'/assets/images/common/brand.png'}}">
                        </div>
                        <div>{{value.brand_name}}</div>
                        <div>{{value.goods_name}}</div>
                        <div class="prc">${{value.price_us}}</div>
                    </a>
                    {{/each}}
                </div>
            </div>
            <div class="right">
                <div class="jttitle">Pricing(USD)</div>
                <div class="qm row bothSide">
                    <span>Sales Unit：{{moq}}</span>
                    <span>Full Reel：{{mult}}</span>
                </div>
                <div class="jthead row boxsiz">
                    <div>Qty.</div>
                    <div>Unit Price</div>
                    <div>Ext. Price</div>
                </div>
                <div class="jtcon boxsiz boxsiz">
                    {{each ladder_price val i}}
                    <div class="jtpgroup row jtpgroupxps" purchases="{{val.purchases}}">
                        <div class="item jti">{{val.purchases}}+</div>
                        <div class="item">$<span class="jtpcval">{{val.price_us}}</span></div>
                        <div class="item">${{val.total_us}}</div>
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    </div>
</script>
@endverbatim


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