@extends('layouts.merchant')

@section('title')
    @lang('Merchant Dashboard')
@endsection

@section('breadcrumb')
    <section class="section">
        <div class="section-header">
            <h1>@lang('Merchant Dashboard')</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', '') }}" {{ request('status') == '' ? 'selected' : '' }}>@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', 'accepted') }}" {{ request('status') == 'accepted' ? 'selected' : '' }}>@lang('Accepted Trades')</option>

                            <option value="{{ filter('status', 'rejected') }}" {{ request('status') == 'rejected' ? 'selected' : '' }}>@lang('Rejected 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('Amount')</th>
                            <th>@lang('Merchant')</th>
                            <th>@lang('Status')</th>
                            <th>PayoutStatus</th>
                            <th>@lang('Action')</th>
                        </tr>
                        @forelse ($trades as $trade)
                            @php
                            $tradeStatus = $trade->tradeDetail->trade_status;
                            $payOutStatus = $trade->tradeTransaction?->status;
                            @endphp
                            <tr>

                                 <td data-label="@lang('Reference ID')">
                                   {{$trade->tradeDetail->reference_no}}
                                 </td>
                                 <td >{{$trade->requestedBy->name}}</td>
                                 <td >{{$trade->tradeDetail->trade_descriptions}}</td>
                                 <td >{{toMoney($trade->tradeTransaction?->amount)}}</td>
                                 <td >{{$trade->merchantBy->name}}</td>
                                 <td data-label="@lang('Status')">
                                    @if ($tradeStatus == 'Pending')
                                    <span class="badge bg-danger"> {{ucfirst($tradeStatus)}} </span>
                                    @elseif($tradeStatus == 'Accepted')
                                    <span class="badge bg-primary"> {{ucfirst($tradeStatus)}} </span>
                                    @elseif($tradeStatus == 'Completed')
                                    <span class="badge bg-success"> {{ucfirst($tradeStatus)}} </span>
                                    @else
                                    <span class="badge bg-info"> {{ucfirst($tradeStatus)}} </span>
                                    @endif
                                 </td>
                                <td data-label="PayoutStatus">
                                    @if ($payOutStatus == 'Pending')
                                    <span class="badge bg-primary"> {{ucfirst($payOutStatus)}} </span>
                                    @elseif($payOutStatus == 'payout')
                                    <span class="badge bg-success"> {{ucfirst($payOutStatus)}} </span>
                                    @elseif($payOutStatus == 'decline')
                                    <span class="badge bg-danger"> {{ucfirst($payOutStatus)}} </span>
                                    @else
                                    NA
                                    @endif
                                 </td>



                                 <td data-label="@lang('Action')">
                                    <div class="d-flex flex-wrap flex-lg-nowrap align-items-center justify-content-end justify-content-lg-center">

                                        <a href="{{route('merchant.trading',['id'=>$trade->id])}}" class="btn btn-primary btn-sm m-1" data-toggle="tooltip" title="@lang('Approve')"><i class="fas fa-check"></i>View Trade</a>

                                    </div>
                                 </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>

<div id="approveModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{route('admin.approve.payout')}}" method="POST">
            @csrf
            <input type="hidden" name="id">
            <div class="modal-content">
                <div class="modal-body">
                    <h6 class="mt-3">@lang('Are you sure to approve?')</h6>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark" data-dismiss="modal">@lang('Close')</button>
                    <button type="submit" class="btn btn-primary">@lang('Confirm')</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div id="rejectModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{route('admin.reject.deposit')}}" method="POST">
            @csrf
            <input type="hidden" name="id">
            <div class="modal-content">
                <div class="modal-body">
                    <h6 class="mt-3">@lang('Are you sure to reject?')</h6>

                    <div class="form-group">
                        <label>@lang('Reject Reasons')</label>
                        <textarea name="reject_reason" class="form-control mt-2"  rows="5"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark" data-dismiss="modal">@lang('Close')</button>
                    <button type="submit" class="btn btn-danger">@lang('Confirm')</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection