@extends('layouts.frontend-member')
@section('title', __('message.product'))
@section('content')
    <div class="container-fluid " style="padding:0px;width:100vw;">
        <div class="no_header">
            <div class="headerbox fl">

                <a href="{{ asset('/member/account') }}">
                    <div class="imgbox" style="">
                        <svg t="1656830630289" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                            p-id="32495" width="30" height="30">
                            <path
                                d="M513.023306 401.066445m-149.158135 0a149.158135 149.158135 0 1 0 298.31627 0 149.158135 149.158135 0 1 0-298.31627 0Z"
                                p-id="32496" fill="#2acc8e"></path>
                            <path
                                d="M513.023306 65.459874c-247.133563 0-447.474404 200.340841-447.474404 447.474405S265.889743 960.408683 513.023306 960.408683s447.474404-200.340841 447.474405-447.474404S760.155846 65.459874 513.023306 65.459874z m272.202519 754.331188c4.88424-20.698414 7.468089-42.284035 7.468089-64.474431 0-100.883665-53.416584-189.292204-133.508714-238.484579-34.151821 43.062771-86.931908 70.681806-146.161894 70.681806s-112.010073-27.619034-146.162917-70.680783C286.767236 566.024427 233.351676 654.432966 233.351676 755.316631c0 22.189372 2.583848 43.776016 7.468088 64.474431-84.643796-75.140351-137.981584-184.76919-137.981584-306.85576 0-226.538503 183.6456-410.185126 410.185126-410.185127S923.207409 286.395776 923.207409 512.934279c0 122.086569-53.336766 231.716432-137.981584 306.856783z"
                                p-id="32497" data-spm-anchor-id="a313x.7781069.0.i61" class="" fill="#2acc8e">
                            </path>
                        </svg>
                    </div>
                </a>
            </div>
            {{-- langauge --}}
            <a href="#">
                <div class="headerbox fr txtr">

                    {{-- <img src="{{ asset('fronts/home/Static/img/flag/th.png') }}" width="25" height="25"> --}}

                </div>
            </a>
        </div>

        <div id="carouselExampleIndicators" class="carousel slide slidepm" data-ride="carousel"
            style="width:100%;margin: 0px;padding:0px 10px;--tw-bg-opacity: 1!important; background-color: black!important; border-radius: 20px 20px 20px 20px; min-height:200px">
            <div class="carousel-inner" style="">
                @foreach ($slides as $slide)
                    <div class="carousel-item @if ($loop->first) active @endif ">
                        <img src="{{ asset($slide->image) }}" class="d-block w-100" style="width:100%;border-radius:5px;" />
                    </div>
                @endforeach
            </div>
        </div>

    </div>



    <!--OPTION-->
    <div class="optionbox index-div-base-margin">
        <div style="width:100%;height:80px;">

            <a href="{{ asset('/top-up') }}">
                <div class="oplist">
                    <div class="opimg" style="line-height:50px;">
                        <img src="{{ asset('fronts/home/Static/Icoinfont/icon/icon-1.png') }}" style="width: 35px;">
                    </div>
                    <div class="optext">
                        <span class="fzmm fcf">ฝากเหรียญ</span>
                    </div>
                </div>
            </a>

            <a href="{{ asset('/member/withdraw-moneys') }}">
                <div class="oplist">
                    <div class="opimg" style="line-height:50px;">
                        <img src="{{ asset('fronts/home/Static/Icoinfont/icon/icon-2.png') }}" style="width: 35px;">
                    </div>
                    <div class="optext">
                        <span class="fzmm fcf">ถอน</span>
                    </div>
                </div>
            </a>


            <a href="{{ asset('/member/funds') }}">
                <div class="oplist">
                    <div class="opimg" style="line-height:50px;">
                        <img src="{{ asset('fronts/home/Static/Icoinfont/icon/icon-4.png') }}" style="width: 35px;">
                    </div>
                    <div class="optext">
                        <span class="fzmm fcf">กองทุน</span>
                    </div>
                </div>
            </a>

            <a href="https://www.lemon8-app.com/feed/foryou?region=us">
                <div class="oplist">
                    <div class="opimg" style="line-height:50px;">
                        <img src="{{ asset('fronts/home/Static/Icoinfont/icon/icon-1.png') }}" style="width: 35px;">
                    </div>
                    <div class="optext">
                        <span class="fzmm fcf">Lemon8</span>
                    </div>
                </div>
            </a>

        </div>
    </div>


    <!--重点币行情区-->
    <div class="zixunlist index-div-base-margin">
        <!-- <div class="zixunconten-box">
                <div class="zixunconten zixunconten-l" style="padding:10px;">
                    <div class="tjcoinbox1">
                        <span style="font-size:14px;" class="fa8a" id="btc_coin_box">BTC</span>
                    </div>
                    <div class="tjcoinbox2" id="btc_money_box">
                        <span class="f22 fw fe6">46766.55</span>
                    </div>
                    <div class="tjcoinbox3" id="btc_change_box">
                        <span class="f16 fw" style="color:#2ebd85;">+2.16%</span>
                    </div>
                </div>
                <div class="zixunconten" style="padding:10px;">
                    <div class="tjcoinbox1">
                        <span style="font-size:14px;" class="fa8a" id="bch_coin_box">BCH</span>
                    </div>
                    <div class="tjcoinbox2" id="bch_money_box">
                        <span class="f22 fw fe6 ">174.77</span>
                    </div>
                    <div class="tjcoinbox3" id="bch_change_box">
                        <span class="f16 fw" style="color:#2ebd85;">+2.33%</span>
                    </div>
                </div>
                <div class="zixunconten zixunconten-r" style="padding:10px;">
                    <div class="tjcoinbox1">
                        <span style="font-size:14px;font-weight:500;" class="fa8a" id="eth_coin_box">ETH</span>
                    </div>
                    <div class="tjcoinbox2" id="eth_money_box">
                        <span class="f22 fw fe6">3204.28</span>
                    </div>
                    <div class="tjcoinbox3" id="eth_change_box">
                        <span class="f16 fw" style="color:#2ebd85;">+4.47%</span>
                    </div>
                </div>
            </div> -->
        <div style="width: 86%;height: 1px;background: #272936;margin: 0 7% "></div>

        <!--滚动新闻-->
        <div class="scroll-to-notice" style="width:100%;height:40px;margin-top:5px;padding: 0px 10px;">
            <div style="width:10%;height:40px;float:left;line-height: 40px;text-align: center;">
                <svg width="20" height="20" viewBox="0 0 48 48" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                    <rect x="4" y="15" width="11" height="18" fill="none" stroke="#3db485" stroke-width="3"
                        stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M15 15L33 8V40L15 33" stroke="#3db485" stroke-width="3" stroke-linecap="round"
                        stroke-linejoin="round" />
                    <path d="M40 17H42" stroke="#3db485" stroke-width="3" stroke-linecap="round"
                        stroke-linejoin="round" />
                    <path d="M39 25H44" stroke="#3db485" stroke-width="3" stroke-linecap="round"
                        stroke-linejoin="round" />
                    <path d="M40 33H42" stroke="#3db485" stroke-width="3" stroke-linecap="round"
                        stroke-linejoin="round" />
                </svg>
            </div>
            <div style="width:75%;height:40px;float:left;line-height: 40px;">
                <div class="scrollDiv" id="s1">
                    <ul>
                        <li style="color:white;">บัญชีผู้ใช้ : นายอภิชัย**** ได้รับกำไร 86000.83 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 064829**** ได้รับกำไร 178900.07 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 065671**** ได้รับกำไร 169600.29 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Tkvxd**** ได้รับกำไร 72300.82 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 098353**** ได้รับกำไร 123100.16 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 095309**** ได้รับกำไร 161700.12 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 092529**** ได้รับกำไร 85500.94 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Vqkyi**** ได้รับกำไร 51500.7 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Ukhze**** ได้รับกำไร 195000.43 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Pnyew**** ได้รับกำไร 105000.05 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Peszd**** ได้รับกำไร 145200.69 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 098353**** ได้รับกำไร 161600.02 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Mjoln**** ได้รับกำไร 61200.16 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Krjcr**** ได้รับกำไร 179600.75 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 065671**** ได้รับกำไร 144800.11 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Jdmxo**** ได้รับกำไร 100100.38 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : ณัฐวุฒิ**** ได้รับกำไร 56100.26 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Rbewe**** ได้รับกำไร 165700.04 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 082170**** ได้รับกำไร 67100.49 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : พาฝัน**** ได้รับกำไร 198200.48 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : บุญจันทร์**** ได้รับกำไร 95700.61 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 082170**** ได้รับกำไร 56900.01 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : อาฟีซะ**** ได้รับกำไร 72000.04 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Kjsyt**** ได้รับกำไร 75800 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 097171**** ได้รับกำไร 115000.69 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 082967**** ได้รับกำไร 173200.22 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : พงษ์ศักดิ์แส**** ได้รับกำไร 183400.44 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Xbpxz**** ได้รับกำไร 62900.45 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 082967**** ได้รับกำไร 75300.45 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : ณิชนันทน์**** ได้รับกำไร 162600.24 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Fqiun**** ได้รับกำไร 186400.78 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Afbry**** ได้รับกำไร 121900.74 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Ayfsz**** ได้รับกำไร 126500.31 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 063078**** ได้รับกำไร 55000.1 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 098353**** ได้รับกำไร 174500.77 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 091878**** ได้รับกำไร 55800.49 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : จิราวรรณ์**** ได้รับกำไร 190800.9 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 092529**** ได้รับกำไร 190000.23 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 092529**** ได้รับกำไร 162500.45 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Recwo**** ได้รับกำไร 100900.55 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : จิตตมาส**** ได้รับกำไร 151700.84 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : ปุณยาพร**** ได้รับกำไร 75900.43 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 098186**** ได้รับกำไร 137800.31 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 081342**** ได้รับกำไร 128000.45 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 065671**** ได้รับกำไร 105900.88 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : พาฝัน**** ได้รับกำไร 164500 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : นภัสรจน์**** ได้รับกำไร 72200.08 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Fbojt**** ได้รับกำไร 95500.29 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Iyybf**** ได้รับกำไร 187700.24 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Qfwoz**** ได้รับกำไร 146100.79 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 064829**** ได้รับกำไร 60200.56 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : ชนาพร**** ได้รับกำไร 104600.23 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 082346**** ได้รับกำไร 189000.56 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : นายอภิชัย**** ได้รับกำไร 168800.53 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : เดชาธร**** ได้รับกำไร 93800.12 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Dldpm**** ได้รับกำไร 188400.91 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 097171**** ได้รับกำไร 64000.83 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : Tpbrq**** ได้รับกำไร 134400.35 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 096305**** ได้รับกำไร 157200.28 บาท</li>
                        <li style="color:white;">บัญชีผู้ใช้ : 085754**** ได้รับกำไร 82600.84 บาท</li>
                    </ul>
                </div>

            </div>
            <!--<div style="width:10%;height:40px;float:right;line-height: 40px;text-align:center;">-->
            <!--	<a href="/Index/gglist">-->
            <!--		<svg t="1655957377851"  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3572" width="24" height="24"><path d="M170.666667 298.666667h682.666666v42.666666H170.666667V298.666667z m0 426.666666h426.666666v42.666667H170.666667v-42.666667z m0-213.333333h682.666666v42.666667H170.666667v-42.666667z" fill="#707070" p-id="3573"></path></svg>-->
            <!--	</a>-->
            <!--</div>-->
        </div>
        <!--滚动新闻-->

    </div>

    <!--sumary products percentage-->
    <div class="market index-div-base-margin m-2" style="margin-bottom: 80px !important;">

        <div class="container pt-3">
            <!-- Nav pills -->
            <ul class="nav nav-pills nav-fill rounded px-2">
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="pill" href="#home">คริปโต</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="pill" href="#menutab">คริปโตไทย</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content mt-2">
                <div class="tab-pane container active" id="home">
                    <div class="market-list" style="width:100%;height:30px;">
                        <div style="width:32%;height:30px;line-height:30px;float:left;text-align:left;">
                            <span class="fzm f14 fcch">คู่เทรด</span>
                        </div>
                        <div style="width:34%;height:30px;line-height:30px;float:left;text-align:center;">
                            <span class="fzm f14 fcch">ราคาปัจจุบันล่าสุด</span>
                        </div>
                        <div style="width:34%;height:30px;line-height:30px;float:left;text-align:right;">
                            <span class="fzm f14 fcch">24hขึ้น/ลง</span>
                        </div>
                    </div>
                    <!--Products list-->
                    <div style="width:100%;" id="tradebox">
                        @foreach ($products as $product)
                            @if ($product->is_crypto != 0)
                                <a href="{{ route('member.product-trade', $product) }}">
                                    <div class="market-list ">
                                        <div class="list_cname"
                                            style="width:32%;height:30px;line-height:30px;float:left;text-align:left;">
                                            <img src="{{ asset($product->image ?? '/front_files/20211120145154.jpg') }}"
                                                style="width: 20px;height:20px; margin: 0px 0px 0px 0px;">
                                            <span class="fzmmm fw fe6 cn_xrp">{{ $product->name }}</span>
                                        </div>
                                        <div class="list_open cpr_xrp"
                                            style="width:34%;height:30px;line-height:30px;float:left;text-align:center;">
                                            <span class='fzmmm fw fcc'>
                                                {{ number_format($product->current_price ?? 0, 6) }}
                                            </span>
                                        </div>
                                        <div class="list_change cch_xrp"
                                            style="width:34%;height:30px;line-height:30px;float:left;text-align:right;">
                                            <span class='fzmm bgreen market-list-info'>