@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'=>'My Trades'])


    <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">All My Trades</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>
                            <th class="tb-odr-action">&nbsp;</th>
                        </tr>
                        </thead>
                        <tbody class="tb-odr-body">

@foreach($trades as $trade)
    @php
  $tr=  $trade->getTradeRequest($trade->id);

    @endphp
                        <tr class="tb-odr-item">

                            <td class="tb-odr-info">
                                <span class="tb-odr-id"><a href="{{empty($tr)?route('user.merchant',['reference'=>$trade->reference_no]):route('user.giftcard.start-trade',['id'=>$tr])}})}}html/invoice-details.html">{{$trade->reference_no}}</a></span>
                                <span class="tb-odr-date">{{$trade->trade_descriptions}}</span>
                            </td>
                            <td class="tb-odr-amount">


                                                            <span class="tb-odr-total">
                                                                <span class="amount">{{toMoney($trade->total_amount)}}</span>
                                                            </span>
                                <span class="tb-odr-status">
                                                                <span class="badge badge-dot {{$trade->trade_status=='Accepted'?'bg-primary':'bg-success'}}">{{$trade->trade_status}}</span>
                                                            </span>

                            </td>
                            <td class="tb-odr-action">
                                @if(empty($tr))
                                <div class="tb-odr-btns d-none d-sm-inline">
                                    <a href="{{route('user.merchant',['reference'=>$trade->reference_no])}}" class="btn btn-dim btn-sm btn-primary">Continue Trade</a>
                                </div>
                                <a href="{{route('user.merchant',['reference'=>$trade->reference_no])}}" class="btn btn-pd-auto d-sm-none"><em class="icon ni ni-chevron-right"></em></a>
                            @else:
                                <div class="tb-odr-btns d-none d-sm-inline">
                                    <a href="{{route('user.giftcard.start-trade',['id'=>$tr])}}" class="btn btn-dim btn-sm btn-primary">View</a>
                                </div>
                                <a href="{{route('user.giftcard.start-trade',['id'=>$tr])}}" class="btn btn-pd-auto d-sm-none"><em class="icon ni ni-chevron-right"></em></a>
@endif
                            </td>
                        </tr><!-- .tb-odr-item -->
    </a>
@endforeach
                        </tbody>
                    </table>
                </div><!-- .card-inner -->
                @if ($trades->hasPages())
                    <div class="card-inner">
                        {{$trades->links()}}
                    </div>
                @endif
            </div><!-- .card-inner-group -->
        </div><!-- .card -->
    </div><!-- .nk-block -->
</div>

@endsection