@extends('layouts.admin')

@section('title')
   Virtual Card Request List
@endsection
@section('style')

@endsection
@section('breadcrumb')
    <section class="section">
        <div class="section-header justify-content-between">
            <h1>Virtual Cards KYC</h1>
            <form action="">
                <div class="row">
                    <div class="col-md-6">
                        <select class="form-control" id="" onChange="window.location.href=this.value">
                            <option value="{{url('admin/virtual-cards/manage-kyc?status=pending')}}" {{request('status') == 'pending'?'selected':''}}>@lang('Pending')</option>
                            <option value="{{url('admin/virtual-cards/manage-kyc?status=failed')}}" {{request('status') == 'failed'?'selected':''}}>@lang('Failed')</option>
                            <option value="{{url('admin/virtual-cards/manage-kyc?status=success')}}" {{request('status') == 'success'?'selected':''}}>@lang('success')</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <div class="input-group has_append ">
                            <input type="text" class="form-control" placeholder="Search either by user email or phone number" name="search" value=""/>
                            <div class="input-group-append">
                                <button class="input-group-text bg-primary border-0"><i class="fas fa-search text-white"></i></button>
                            </div>
                        </div>
                    </div>

                </div>
            </form>
        </div>
    </section>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">

            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <div style="display: flex; justify-content: space-between; align-items: center;">

                            <span id="card_title">
                                Virtual Card Request List
                            </span>


                        </div>
                    </div>
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success m-4">
                            <p>{{ $message }}</p>
                        </div>
                    @endif

                    <div class="card-body bg-white">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead class="thead">
                                    <tr>
                                        <th>No</th>

									<th >User</th>
									<th >Descriptions</th>
									<th >Tracking ID</th>
									<th >Transaction Ref</th>
									<th >Amount</th>
									<th >Exchange Rate</th>
									<th >Status</th>
									<th >Status Reason</th>


                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($requestList as $item)
                                        <tr>
                                            <td>{{ ++$i }}</td>

										<td >{{ $item->user->name }}<br/>{{$item->user->email}}<br/>{{$item->user->phone}}</td>
										<td >{{ $item->descriptions }}</td>
										<td >{{ $item->request_id }}</td>
										<td >{{ $item->transaction_ref }}</td>
										<td >{{ $item->amount }}</td>
										<td >{{ $item->exchange_rate }}</td>
                                            <td data-label="@lang('KYC Status')">
                                                @if($item->status == 'success')
                                                    <span class="badge badge-success badge-sm">@lang('Success')</span>
                                                @elseif($item->status == 'pending')


                                                    <span class="badge badge-warning">@lang('Pending')</span><br/>

                                                @elseif($item->status == 'failed')




                                                    <span class="badge badge-danger">@lang('Failed')</span>

                                                @endif
                                            </td>


                                            <td>
                                                @if($item->status == 'failed' || $item->status=='pending')
                                                    <button
                                                        class="btn btn-sm btn-primary open-modal-btn"
                                                        data-txref="{{ $item->transaction_ref }}"
                                                        data-toggle="modal"
                                                        data-target="#requeryModal">
                                                        Requery Request
                                                    </button>
@endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                {!! $requestList->withQueryString()->links() !!}
            </div>
        </div>
    </div>

    @include('virtualcard-customer._request_modal')
@endsection


@push('script')
    <script>
        $(document).ready(function () {
            $('.open-modal-btn').on('click', function () {
                console.log('Button clicked');
                const txRef = $(this).data('txref');
                console.log('Transaction Ref:', txRef);
                $('#txRefInput').val(txRef);
            });
        });


    </script>
@endpush