@extends('layouts.frontend-member')
@section('title', __('message.product'))
@section('content')

    <div class="container-fluid " style="padding:0px;width:100vw;">

        <div class="titlebox">
            <div style="width:100%;padding:0px 15px;">
                <span class="txt_style fzmmm fe6">ตลาด</span>
            </div>
        </div>

        {{-- <div class="symboltitle">
            <div class="stitle_l">
                <span class="fcc fzmmm ">คู่เทรด</span>
            </div>
            <div class="stitle_c">
                <span class="fcc fzmmm">ราคาปัจจุบันล่าสุด</span>
            </div>
            <div class="stitle_r">
                <span class="fcc fzmmm">ขึ้น/ลง</span>
            </div>
        </div> --}}

        <div class="listbox">


            {{-- <div class="emptybox"></div> --}}
            
            <div class="container pt-2">
                <!-- 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==true)
                                <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 ?? 1, 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'>