@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.transaction history')}}
        @include('frontend.inc.change-language')
    </h5>

    <div class="w-100 overflow-scroll" style="margin-bottom:50px;background-color:rgb(0,0,0,0.5);color:white;font-weight:bold;"> 
            <div class="row row-cols-5 row-cols-md-5 g-2" style="border-bottom: 2px solid white;">
                <div class="col d-flex">
                    <div class="card-body p-2">
                        <div class="icon-wrapper text-center">
                             #
                        </div>
                    </div>
                </div>
                <div class="col d-flex">
                    <div class="card-body p-2">
                        <div class="icon-wrapper text-center">
                             {{__('message.transaction type')}}
                        </div>
                    </div>
                </div>
                <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.status')}}
                        </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 ($depositWithdraws as $index=> $depositWithdraw)
                <div class="row row-cols-5 row-cols-md-5 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="" x-text="repayment">
                                    <div style="color: white"> 
                                        {{$index+1}}
                                    </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;margin-top:5px;">
                                    @if($depositWithdraw->cash_type=='cash_in')
                                        <span style="color:rgb(31, 198, 91);">
                                            {{__('message.deposit')}}
                                        </span>
                                    @else
                                        <span style="color:red">{{__('message.withdraw')}} </span> 
                                    @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="" x-text="repayment">
                                    <div style="font-weight:bold;"> 
                                        @if($depositWithdraw->cash_type=='cash_in')
                                            <span style="color:rgb(31, 198, 91);">
                                                {{ number_format(abs($depositWithdraw->amount),0) }} {{$setting_->currency_name}}
                                            </span>
                                        @else
                                            <span style="color:red">{{ number_format(abs($depositWithdraw->amount),0) }} {{$setting_->currency_name}}</span> 
                                        @endif
                                       
                                       
                                    </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="repayment">
                                    <div style="font-weight:bold;"> 
                                        @if ($depositWithdraw->status == 0)
                                            <span class="badge badge-warning">
                                                {{ __('message.pending') }}
                                            </span>
                                        @elseif ($depositWithdraw->status == 1)
                                            <span class="badge badge-success">
                                                {{ __('message.approved') }}
                                            </span>
                                        @else
                                            <span class="badge badge-danger">
                                                {{ __('message.reject') }}
                                            </span>
                                        @endif
                                    </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;margin-top:5px;">
                                    @if($depositWithdraw->status==0)
                                        {{-- {{__('message.pending')}} --}}
                                    @elseif($depositWithdraw->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-weight: bold;">
                                    @if($depositWithdraw->status!=0)
                                        @if($depositWithdraw->profit>$depositWithdraw->amount)
                                            <span style="color:#196c9c">
                                                {{ number_format(abs($depositWithdraw->profit-$depositWithdraw->amount),2) }} 
                                            </span>
                                        @else
                                            <span style="color:red">
                                                {{ number_format(abs($depositWithdraw->profit-$depositWithdraw->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="" x-text="monthly" style="font-weight: bold;color:white;">
                                    {{ $depositWithdraw->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:100%;">
                </p>
            @endforelse
        <div style="text-align:center;padding-top:10px;">
            {{ $depositWithdraws->appends($_GET)->links() }}
        </div>

    </div> 
</div>

@include('app.sweetAlert')
@endsection