@extends('layouts.frontend-member')
@section('title', __('message.report'))
@section('content')
    <div>
    <h5 class="py-2 text-bg-dark text-center">
        <!-- <div class="nav-button" onclick="history.back()"><a href="javascript:;"><i class="bi bi-arrow-left" style="color:white;float:left;margin-left:15px;"></i></a></div> -->
        {{__('message.report')}}
        @include('frontend.inc.change-language')
    </h5>

    <div class="w-100 overflow-scroll" style="padding-bottom:50px;"> 
            <div class="row row-cols-4 row-cols-md-4 g-2" style="background-color:rgb(0,0,0,0.5);color:white;font-weight:bold;">
                <div class="col d-flex">
                    <div class="card-body p-2">
                        <div class="icon-wrapper text-center">
                             {{__('message.amount')}}
                        </div>
                    </div>
                </div>

                <div class="col d-flex">
                    <div class="card-body p-2">
                        <div class="icon-wrapper text-center">
                             {{__('message.product')}}
                        </div>
                    </div>
                </div>
                <div class="col d-flex">
                    <div class="card-body p-2">
                        <div class="icon-wrapper text-center">
                             {{__('message.profit')}}
                        </div>
                    </div>
                </div>
                <div class="col d-flex">
                    <div class="card-body p-2">
                        <div class="icon-wrapper text-center">
                             {{__('message.created date')}}
                        </div>
                    </div>
                </div>
            </div>
            
             @forelse ($buySells as $buySell)
                <div class="row row-cols-4 row-cols-md-4 g-2" style="border-bottom:2px solid #ccc;">
                    <div class="col d-flex">
                        <div class="card-body p-2" style="padding-top:0px;padding-bottom:0px;">
                            <div class="icon-wrapper text-center">
                                <div class="noti-box mb-1 mx-auto text-bg-light h-auto w-auto rounded-3" x-text="repayment">
                                    <div style="font-size: 17px;color: #196c9c"> 
                                        
                                       {{ number_format(abs($buySell->amount),2) }} 
                                    </div>
                                    <br/><br/>
                                    <div style="color:#196c9c;font-size: 12px;">
                                       {{$setting_->currency_name}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col d-flex">
                        <div class="card-body p-2"  style="padding-top:0px;padding-bottom:0px;">
                            <div class="icon-wrapper text-center">
                                <div class="" x-text="interest" style="color:#a9a9a9 !important;font-size: 11px !important;margin-top:5px;">
                                    @if($buySell->direction=='up')
                                        <span style="color:rgb(31, 198, 91);">
                                            {{__('message.buy up')}}
                                        </span>
                                    @else
                                        <span style="color:red">{{__('message.buy down')}} </span> 
                                    @endif
                                </div>
                                <div style="font-size: 10px;">
                                   {{$buySell->product->name??''}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col d-flex" >
                        <div class="card-body p-2"  style="padding-top:0px;padding-bottom:0px;">
                            <div class="icon-wrapper text-center">
                                <div class='' x-text="interest" style="color:#a9a9a9 !important;font-size: 11px !important;margin-top:5px;">
                                    @if($buySell->status==0)
                                        {{-- {{__('message.pending')}} --}}
                                    @elseif($buySell->status==1)
                                        <span style="color:#196c9c;font-weight:bold">{{__('message.profit')}}</span>
                                    @else
                                       <span style="color:red;">  {{__('message.lose')}}</span>
                                    @endif
                                </div>
                                <div style="font-size: 10px;font-weight: bold;">
                                    @if($buySell->status!=0)
                                        @if($buySell->profit>$buySell->amount)
                                            <span style="color:#196c9c">
                                                {{ number_format(abs($buySell->profit-$buySell->amount),2) }} 
                                            </span>
                                        @else
                                            <span style="color:red">
                                                {{ number_format(abs($buySell->profit-$buySell->amount),2) }} 
                                            </span>
                                        @endif
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col d-flex">
                        <div class="card-body p-2" style="padding-top:0px;padding-bottom:0px;"  >
                            <div class="icon-wrapper text-center">
                                <div class="noti-box mb-1 mx-auto text-bg-light h-auto w-auto rounded-3" x-text="monthly" style="font-weight: bold;color:#0e0e0e;font-size: 10px !important;">
                                    {{ $buySell->created_at->format('d/m/Y H:i') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <p class="mb-0 py-3 text-center text-danger">
                   
                    <img src="{{asset('/images/norepay.png')}}" style="width:80%;margin-left:10%">
                </p>
            @endforelse
        {{ $buySells->appends($_GET)->links() }}

    </div> 
</div>

@include('app.sweetAlert')
@endsection