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

@section('body')
<div class="mallpage">
    @include('common.mallHeaderTop')
    @include('common.mallHeaderNav')
    <div class="classbox w1200">
        <div class="bread-menu row boxsiz">
            <a href="">Home</a>
            <i>></i>
            <a href="">Discrete Semiconductor Products</a>
            <i>></i>
            <span>Diodes - Zener - Single</span>
        </div>
        <div class="class-three-box boxsiz">
            <div class="chead boxsiz">Discrete Semiconductor Products(100000)</div>
            <div class="csec boxsiz clear">
                <a href="">Diodes - Zener - Single(100000)</a>
                <a href="">Diodes - Zener - Single(100000)</a>

            </div>

        </div>
        <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">
                    <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：19452</div>
                <div class="butcon row">
                    <div class="but">Search</div>
                    <div class="but">Reset</div>
                </div>
            </div>
            <div class="row p25 mb20">
                <div class="search-shit boxsiz">
                    <span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
                    <input type="text" placeholder="search">
                </div>
                <div class="check-group row verCenter ">
                    <div class="check">
                        <i class="icon iconfont icon-gou"></i>
                    </div>
                    <p>Show what's available</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 class="td-group boxsiz row">
                        <div class="td w180">
                            <a href="" class="goodsname">RC0603JR-0710KL</a>
                            <div class="copyname">
                                <i class="icon iconfont icon-fuzhi"></i>
                            </div>
                        </div>
                        <div class="td w180">
                            Texas Instruments
                            <div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
                        </div>
                        <div class="td w280">
                            <div> Availability：10000</div>
                            <div> Min：100 <span class="mult">Mult：100</span></div>
                            <div> Full Reel：2500</div>
                        </div>
                        <div class="td w140">2-5 Weeks</div>
                        <div class="th w180">
                            <div class="price-jt">
                                <div class="price-group row">
                                    <div class="jtpr">5000+</div>
                                    <div class="jtpc">$22.2222</div>
                                </div>
                                <div class="price-group row">
                                    <div class="jtpr">50+</div>
                                    <div class="jtpc">$2222.2222</div>
                                </div>
                               
                            </div>
                        </div>
                        <div class="td">
                            <div class="input-box ">
                                <input type="text" class="valuep" 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">Add</div>
                            </div>
                            <div class="total-price">
                                Total：$144.5
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    @include('common.mallFooter')
</div>
@endsection

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