@extends('layouts.frontend-member')

@section('title', 'BuySell')

@section('content')
    <div id="app" class="app app-trade">
        <article class="page page-order" style="">
            <header>
                <h3 class="text-title">
                    <div class="mod-h-tab" onclick="history.back()"><b class="">ซื้อขาย</b> <b
                            class="cur">ประวัติซื้อขาย</b></div>
                </h3>
                <div class="back  cursor" style="z-index: 1000001;" onclick="history.back()"><i
                        class="iconfont icon-fanhui"></i></div>
                <div class="action"></div>
            </header>
            <main>
                <section class="tabs">
                    <ul class="mod-tab">
                        <li class="cur cursor">
                            ประวัติซื้อขาย
                        </li>
                        <li class="">
                            <a href="{{ route('history.tradding.payment') }}">ชำระเงิน</a>
                        </li>
                    </ul>
                </section>
                <section class="notice-btc-trade"></section>
                {{-- <section class="list-cc">

                    <div class="table">
                        <table>

                            <tr style="@if ($buySell > 0) display: none;  @endif">
                                    <th>#</th>
                                    <th>Date</th>
                                    <th>Product</th>
                                    <th>Direction</th>
                                    <th>Gain/Loss</th>
                                    <th>Status</th>
                                    <th>Amount</th>
                                </tr>
                            @forelse ($listBuySells as $index => $buySell)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $buySell->created_at->format('d/m/Y H:i') }}</td>
                                    <td>{{ $buySell->product->name ?? '' }}</td>
                                    <td>
                                        @if ($buySell->direction == 'up')
                                            <span class="badge-success" style="color:#ffffff;">
                                                {{ __('message.buy up') }}
                                            </span>
                                        @else
                                            <span class="badge-danger" style="color:#ffffff">{{ __('message.buy down') }}
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($buySell->status == 0)
                                            <span class="badge-secondary"
                                                    style="color:#ffffff;font-weight:bold">{{ __('message.pending') }}</span>
                                        @elseif($buySell->status == 1)
                                            <span class="badge-primary"
                                                style="color:#ffffff;font-weight:bold">{{ __('message.profit') }}</span>
                                        @else
                                            <span class="badge-danger" style="color:#ffffff;">
                                                {{ __('message.lose') }}</span>
                                        @endif
                                    </td>
                                    <td>{{ $setting_->currency_name }} {{ number_format(abs($buySell->amount), 2) }} </td>
                                </tr>
                            @empty
                                <div class="empty">
                                    ยังไม่มีประวัติ hold a position
                                </div>
                            @endforelse

                        </table>
                    </div>

                </section> --}}


                <section class="list-js" style="">
                    <ul>
                        @forelse ($listBuySells as $index => $buySell)
                            <li class="cursor" onclick="window.location.href='{{ route('history.tradding.detail', $buySell->id) }}'">
                                <h4><b>{{ $buySell->product->name ?? '' }}</b> <i
                                        class="iconfont icon-hangqing text-s14"></i> <i
                                        class="iconfont icon-fanhui text-s14 text-lesser"></i></h4>
                                <ul class="info">
                                    <li>
                                        <div>
                                            @if($buySell->direction=='up')
                                                <i class="dir text-highs-bg">
                                                    &nbsp; ขึ้น &nbsp;
                                                </i>
                                            @else
                                                <i class="dir text-lows-bg">
                                                   &nbsp; ลง &nbsp;
                                                </i>
                                            @endif
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            ราคาซื้อ
                                            {{ number_format($buySell->closing_point, 2) }}
                                        </div>
                                        <div>
                                            ราคา Open Position -{{ number_format($buySell->opening_point, 2) }}
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            มูลค่าการซื้อขาย:
                                            {{ number_format($buySell->profit, 2) }}{{ $setting_->currency_name }}
                                        </div>
                                        <div>
                                            {{ $buySell->created_at->format('d/m/Y H:i') }}
                                        </div>
                                    </li>
                                </ul>
                            </li>