@extends('layouts.admin')

@section('title')
   @lang('Deposits')
@endsection

@section('breadcrumb')
 <section class="section">
    <div class="section-header">
        <h1>@lang('Crypto Paid Orders')</h1>

    </div>
</section>
@endsection

@section('content')

<div class="row">
    <div class="col-12 col-md-12 col-lg-12">
        <div class="card">
            <div class="card-header d-flex justify-content-end">
                <form action="" class="d-flex flex-wrap justify-content-end">
                    <div class="form-group m-1 flex-grow-1">
                     <select class="form-control" onChange="window.location.href=this.value">
                         <option value="{{filter('status','')}}">@lang('All Trades')</option>

                         <option value="{{filter('status','pending')}}" {{request('status')=='Pending'?'selected':''}}>@lang('Pending Trades')</option>

                         <option value="{{filter('status','completed')}}" {{request('status')=='Completed'?'selected':''}}>@lang('Completed Trades')</option>

                         <option value="{{filter('status','rejected')}}" {{request('status')=='Accepted'?'selected':''}}>@lang('Accepted Trades')</option>
                     </select>
                    </div>

                     <div class="form-group m-1 flex-grow-1">
                         <div class="input-group">
                             <input type="text" class="form-control" name="search" value="{{$search ?? ''}}" placeholder="@lang('Transaction ID')">
                             <div class="input-group-append">
                                 <button class="input-group-text btn btn-primary text-white" id="my-addon"><i class="fas fa-search"></i></button>
                             </div>
                         </div>
                     </div>
                </form>
            </div>
            <div class="card-body text-center">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tr>
                            <th>@lang('Reference ID')</th>
                            <th>@lang('User')</th>
                            <th>@lang('Descriptions')</th>
                            <th>@lang('Cryto Sent Value')</th>

                        </tr>
                        @forelse ($trades as $trade)
                            <tr>

                                 <td data-label="@lang('Reference ID')">
                                   {{$trade->order_id}}
                                 </td>
                                 <td class="text-left" >
                                     {{$trade->name}}
                                 </td>
                                <td class="text-left" >
                                    {{$trade->order_description}}<br/>
                                                   <b>Amount:</b> {{number_format($trade->pay_amount, 2)}}<br/>
                                    <b>Rate:</b> {{toMoney($trade->rate, 2)}}<br>
                                    <b>Converted Value:</b> ${{$trade->converted_amount}}<br>
                                             <b>Owner Wallet Address:</b>

                                        <input type="text" class="form-control copy-text" id="refUrl" value="  {{$trade->pay_address}}">







                                                          @if($trade->payment_status=='Confirmed')
                                                            <span class="tb-odr-status">
                                                                <span class="badge badge-info">PAID ({{$trade->payment_method}})</span>
                                                            </span>

                                                        @elseif($trade->payment_status=='Initiated')
                                                            <span class="tb-odr-status">
                                                                <span class="badge badge-primary">Initiated</span>
                                                            </span>
                                                        @else
                                                            <span class="tb-odr-status">
                                                                <span class="badge badge-danger">{{$trade->payment_status}}</span>
                                                            </span>
                                         @endif
                                     <button class="btn btn-sm btn-primary" type="button" id="loading-btn{{$trade->order_id}}" disabled style="display: none">
                                         <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>            <span>Loading...</span>        </button>

                                    @if($trade->fund_wallet_status=='Order Processed')
                                        @else
                                     <button class="btn btn-sm btn-success confirm-payment" data-id="{{$trade->id}}" data-title="{{$trade->order_description}}" data-target="#confirmModal" data-toggle="modal" data-address="{{$trade->pay_address}}" data-rate="{{toMoney($trade->rate, 2)}}/$" data-amount="${{$trade->pay_amount}}" data-coin="{{$trade->pay_currency}}">Process Order</button>
@endif
                                    <br/>
                                 </td>
                                <td class="text-left" >
                                                  {{toMoney($trade->converted_amount, 2)}} <br>

                                    @if($trade->fund_wallet_status=='Balance')
                                        <span class="tb-odr-status">
                                                                <span class="badge badge-info">Approved Payout</span>
                                                            </span>

                                    @elseif($trade->fund_wallet_status=='Rejected')
                                        <span class="tb-odr-status">
                                                                <span class="badge badge-danger">Rejected</span>
                                                            </span>
                                     @elseif($trade->fund_wallet_status=='Pending')
                                        <span class="tb-odr-status">
                                                                <span class="badge badge-info">Pending Approval</span>
                                                            </span>
                                    @else
                                        <span class="tb-odr-status">
                                                                <span class="badge badge-danger">No Payment</span>
                                                            </span>
                                    @endif

                                 </td>




                            </tr>
                         @empty

                            <tr>
                                <td class="text-center" colspan="100%">@lang('No Data Found')</td>
                            </tr>

                        @endforelse
                    </table>
                </div>
            </div>
            @if ($trades->hasPages())
                {{ $trades->links() }}
            @endif
        </div>
    </div>
</div>
    @include('admin.crypto.process_crypto_order')

@endsection

@push('script')
    <script>
        'use strict';
        $('.approve').on('click',function () {
            $('#approveModal').find('input[name=id]').val($(this).data('id'))
            $('#approveModal').modal('show')
        })
        $('.reject').on('click',function () {
            $('#rejectModal').find('input[name=id]').val($(this).data('id'))
            $('#rejectModal').modal('show')
        })

        $('.confirm-payment').on('click',function () {
            $('#confirmModal').find('span[id=amount_expecting]').html($(this).data('amount'))
            $('#confirmModal').find('h5[id=p_title]').html($(this).data('title'))
            $('#confirmModal').find('span[id=payment_address]').html($(this).data('address'))
            $('#confirmModal').find('span[id=rate]').html($(this).data('rate'))
            $('#confirmModal').find('input[name=id]').val($(this).data('id'))
            $('#editModal').find('input[name=wallet_type]').val($(this).data('wallet'))
            $('#editModal').find('input[name=address]').val($(this).data('address'))
        })
    </script>
@endpush