@extends('layouts.user')
@section('title')
    @lang('Trade Gift Card')
@endsection
@section('breadcrumb')
    @lang('Sell Giftcard')
@endsection
@section('content')

    <div class="nk-content-body">

        @include('user.partials.breadcrumb',['btitle'=>'Giftcard Trades Transaction'])



        <div class="nk-block">
            <div class="card card-bordered card-stretch">
                <div class="card-inner-group">
                    <div class="card-inner">
                        <div class="card-title-group">
                            <div class="card-title">
                                <h5 class="title">Giftcard Trades Transaction</h5>
                            </div>
                            <div class="card-tools me-n1">
                                <ul class="btn-toolbar">
                                    <li>
                                        <a href="#" class="btn btn-icon search-toggle toggle-search" data-target="search"><em class="icon ni ni-search"></em></a>
                                    </li><!-- li -->
                                    <li class="btn-toolbar-sep"></li><!-- li -->

                                </ul><!-- .btn-toolbar -->
                            </div><!-- card-tools -->
                            <div class="card-search search-wrap" data-search="search">
                                <div class="search-content">
                                    <a href="#" class="search-back btn btn-icon toggle-search" data-target="search"><em class="icon ni ni-arrow-left"></em></a>
                                    <input type="text" class="form-control form-control-sm border-transparent form-focus-none" placeholder="Quick search by Trade Reference">
                                    <button class="search-submit btn btn-icon"><em class="icon ni ni-search"></em></button>
                                </div>
                            </div><!-- card-search -->
                        </div><!-- .card-title-group -->
                    </div><!-- .card-inner -->
                    <div class="card-inner p-0">
                        <table class="table table-orders">
                            <thead class="tb-odr-head">
                            <tr class="tb-odr-item">
                                <th class="tb-odr-info">
                                    <span class="tb-odr-id">Reference No</span>
                                    <span class="tb-odr-date d-none d-md-inline-block">Descriptions</span>
                                </th>
                                <th class="tb-odr-amount">
                                    <span class="tb-odr-total">Amount</span>
                                    <span class="tb-odr-status d-none d-md-inline-block">Status</span>
                                </th>

                            </tr>
                            </thead>
                            <tbody class="tb-odr-body">

                            @foreach($txnTrades as $trade)
                                @php
                                $payoutStatus = 'Not Available';
                                $payoutStatus=isset($trade->transactionHistory->status)?$trade->transactionHistory->status:'Not Available';
                                @endphp
                                <tr class="tb-odr-item">

                                    <td class="tb-odr-info">
                                        <span class="tb-odr-id">{{$trade->trading->reference_no}}</span>
                                        <span class="tb-odr-date">{{$trade->currency.$trade->amount.' '.$trade->cards->card_name}}</span>
                                        <span class="tb-odr-date">
                                            @if($trade->trading_status=='Pending')
                                            <span class="badge badge-dot bg-primary"> {{$trade->trading_status}}</span>
                                                @elseif($trade->trading_status=='Redeem')
                                            <span class="badge badge-dot bg-success"> {{$trade->trading_status}}</span>
                                            @elseif($trade->trading_status=='Reject')
                                            <span class="badge badge-dot bg-danger"> {{$trade->trading_status}}</span>
                                                @endif
                                        </span>
                                    </td>
                                    <td class="tb-odr-amount">


                                                            <span class="tb-odr-total">
                                                                <span class="amount">{{toMoney($trade->total_amount)}}</span>
                                                            </span>
@if($payoutStatus=='payout')
                                        <span class="tb-odr-status">

                                                               <span class="badge badge-dot bg-success"> {{$payoutStatus}}</span>
                                                            </span>
    @elseif($payoutStatus=='Pending')
                                            <span class="tb-odr-status">
                                                                <span class="badge badge-dot bg-primary">{{$payoutStatus}}</span>
                                                            </span>
                                        @elseif($payoutStatus=='decline')
                                            <span class="tb-odr-status">
                                                                <span class="badge badge-dot bg-danger">{{$payoutStatus}} payout</span>
                                                            </span>
    @else
                                            <span class="tb-odr-status">
                                                                <span class="badge badge-dot bg-info">{{$payoutStatus}}</span>
                                                            </span>
                                        @endif

                                    </td>

                                </tr><!-- .tb-odr-item -->
                                </a>
                            @endforeach
                            </tbody>
                        </table>
                    </div><!-- .card-inner -->
                    @if ($txnTrades->hasPages())
                        <div class="card-inner">
                            {{$txnTrades->links()}}
                        </div>
                    @endif
                </div><!-- .card-inner-group -->
            </div><!-- .card -->
        </div><!-- .nk-block -->
    </div>

@endsection