@extends('layouts.frontend-member')
@section('title', __('message.product'))
@section('content')
    <div data-v-e22dc858="" id="app" class="app app-home">
        <article data-v-e22dc858="" class="page page-home">
            <header data-v-e22dc858="" style="z-index: 2;">
                <h3>
                    <span data-v-e22dc858=""></span>
                </h3>
                <div class="back" style="z-index: 1000001;"><i class="iconfont icon-fanhui"></i></div>
                <div class="action">
                    <div data-v-e22dc858="" class="lang">
                        <div data-v-e22dc858=""></div> <span data-v-e22dc858=""><span class="c-unread"><i
                                    class="iconfont icon-kefu text-s24"></i> <!----></span></span>
                    </div>
                </div>
            </header>
            <main data-v-e22dc858="">
                <section data-v-e22dc858="" class="banner">
                    <!--Swiper slide-->
                    <div data-v-e22dc858="" class="slider swiper-slide swiper-slide-prev swiper-slide-duplicate-next"
                        data-swiper-slide-index="1">
                        <swiper-container class="mySwiper" autoplay-delay="2500"  pagination-clickable="true" pagination-dynamic-bullets="true"
                            loop="true">
                            @foreach ($slides as $slide)
                                <swiper-slide>
                                    <img alt="img" src="{{ asset($slide->image) }}">
                                </swiper-slide>
                            @endforeach
                        </swiper-container>

                    </div>
                    <!--Swiper slide-->

                </section>
                <section class="trades">

                    <div style="z-index:99;"><i class="iconfont icon-gonggao" style="z-index: 1000;"></i>
                        <ul>
                            <li class=""></li>
                            <li class=""></li>
                        </ul>
                    </div>
                </section>
                <!---->
                <section class="home-short-coins"></section>
                <!---->
                <section data-v-e22dc858="" class="coins" style="margin-top: 0rem;">
                    <h3 data-v-e22dc858="">

                        <span data-v-e22dc858="">ชื่อสินค้า
                        </span>

                        <span data-v-e22dc858="">ราคา   
                        </span>

                        <span data-v-e22dc858="">สถานะ
                        </span>
                    </h3>
                    <ul data-v-e22dc858="">
                        @foreach ($products as $product)
                            <li class="product-link" data-code="{{ $product->name }}/USDT"
                                data-link="{{ route('member.product-trade', $product) }}" style="cursor:pointer;">
                                <div data-v-e22dc858="" class="info">
                                    <!-- <img data-v-e22dc858="" src="{{asset($product->image??'/front_files/20211120145154.jpg')}}" alt="" style=""> -->

                                    <div data-v-e22dc858="">
                                        <h3 data-v-e22dc858="">
                                            <em data-v-e22dc858="">{{ $product->name }}</em>
                                        </h3>
                                    </div>
                                </div>

                                <div data-v-e22dc858="" class="change">

           <!-- <span data-v-e22dc858="" class="text-price">${{ number_format($product->current_price/env("USD_RATE", 34.53), 2) }}
            </span> -->
            <span data-v-e22dc858="" class="   text-lows-bg " style="text-align: center;">
                           ฿{{ number_format($product->current_price, 2) }}
                        </span>
            <!-- <span data-v-e22dc858="" class="text-lesser">
                ฿{{ number_format($product->current_price, 2) }}
            </span> -->
        </div> 

        <div data-v-e22dc858="" class="change">
            <span data-v-e22dc858="" class="   text-lows-bg " style="text-align: center;background-color: red;">
                           ซื้อขาย
                        </span>
           <!--  @if($product->current_price)