@extends('admin.layouts.app')
@section('panel')
    <div class="row">
        <div class="col-lg-12">
            <div class="card b-radius--10 ">
                <div class="card-body p-0">
                    <div class="table-responsive--md  table-responsive">
                        <table class="table table--light style--two">
                            <thead>
                            <tr>
                                <th>@lang('Subadmin')</th>
                                <th>@lang('Amount')</th>
                                <th>@lang('TRX ID')</th>
                                <th>@lang('Proof')</th>
                                <th>@lang('Status')</th>
                                <th>@lang('Action')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($requests as $req)
                            <tr>
                                <td data-label="@lang('Subadmin')">
                                    <span class="font-weight-bold">{{$req->subadmin->username}}</span>
                                </td>
                                <td data-label="@lang('Amount')">
                                    <span class="font-weight-bold">
                                    {{ $general->cur_sym }}{{ showAmount($req->amount) }}
                                    </span>
                                </td>
                                <td data-label="@lang('TRX ID')">
                                    {{ $req->trx_id }}
                                </td>
                                <td data-label="@lang('Proof')">
                                    <a href="{{ getImage(imagePath()['deposit']['path'] . '/' . $req->screenshot) }}" target="_blank" class="icon-btn btn--info"><i class="las la-image"></i></a>
                                </td>
                                <td data-label="@lang('Status')">
                                    @if($req->status == 0)
                                        <span class="badge badge--warning">@lang('Pending')</span>
                                    @elseif($req->status == 1)
                                        <span class="badge badge--success">@lang('Approved')</span>
                                    @else
                                        <span class="badge badge--danger">@lang('Rejected')</span>
                                    @endif
                                </td>
                                <td data-label="@lang('Action')">
                                    @if($req->status == 0)
                                        <button data-toggle="modal" data-target="#approveModal" data-id="{{$req->id}}" data-amount="{{$req->amount}}" class="icon-btn btn--success approveBtn">
                                            <i class="las la-check"></i>
                                        </button>
                                    @else
                                        <button class="icon-btn btn--dark disabled">
                                            <i class="las la-check"></i>
                                        </button>
                                    @endif
                                </td>
                            </tr>
                            @empty
                                <tr>
                                    <td class="text-muted text-center" colspan="100%">{{ __($emptyMessage ?? 'No Requests Found') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($requests->hasPages())
                    <div class="card-footer py-4">
                        {{ paginateLinks($requests) }}
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div id="approveModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">@lang('Approve Subadmin Request')</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="" method="POST" id="approveForm">
                    @csrf
                    <div class="modal-body">
                        <p>@lang('Are you sure to approve this request of') <span class="font-weight-bold dep-amount"></span>?</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn--dark" data-dismiss="modal">@lang('Close')</button>
                        <button type="submit" class="btn btn--success">@lang('Approve')</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $('.approveBtn').on('click', function () {
            var modal = $('#approveModal');
            modal.find('.dep-amount').text($(this).data('amount'));
            $('#approveForm').attr('action', "{{route('admin.subadmin.requests')}}/approve/" + $(this).data('id'));
        });
    </script>
@endpush