@extends('dashboard.layout.layout')

@section('content')
    <div class="card border-info bg-transparent">


        <div class="card-body">
            <div class="d-flex justify-content-center">
                {!! $wallet_requests->links() !!}
            </div>
            <div class="table-responsive">
                <table class="datatables-custom-without-title table table-hover-animation">
                    <thead>
                        <tr class="text-center">
                            <th>#</th>

                            <th>{!! trans('dashboard.wallet_request.user') !!}</th>
                            <th>{!! trans('dashboard.wallet_request.user_type') !!}</th>
                            <th>{!! trans('dashboard.user.amount') !!}</th>
                            <th>{!! trans('dashboard.wallet_request.status') !!}</th>
                            <th>{!! trans('dashboard.wallet_request.current_status') !!}</th>
                            <th>{!! trans('dashboard.wallet_request.can_change_status') !!}</th>
                            <th>{!! trans('dashboard.general.added_date') !!}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($wallet_requests as $wallet_request)
                            <tr class="{{ $wallet_request->id }} text-center">
                                <td>{{ $loop->iteration }}</td>

                                <td>{{ $wallet_request->user->fullname }}</td>
                                <td>{{ trans('dashboard.wallet_request.user_types.' . $wallet_request->user->user_type) }}
                                </td>
                                <td>{{ @$wallet_request->required_amount }}</td>

                                <td>

                                    <button type="button" class="btn btn-outline-primary" data-toggle="modal"
                                        onclick="changeStatusModal('{{ $wallet_request->id }}')" data-target="#inlineForm">
                                        {{ trans('dashboard.wallet_request.change_status') }}
                                    </button>
                                    {{-- {!! Form::select("status",$wallet_request_statuses , $wallet_request->status , ['class' => 'select2 form-control', 'onchange' => "changeTransferStatus(this.value,'". $wallet_request->id ."')"]) !!} --}}
                                </td>
                                <td>
                                    {{ trans('dashboard.wallet_request.'.$wallet_request->status ) }}
                                </td>
                                <td>
                                    {{ $wallet_request->can_change_status_trans  }}
                                </td>
                                <td>
                                    <div class="badge badge-violet badge-primary badge-md mr-1 mb-1">
                                        {{ $wallet_request->created_at->format('Y-m-d') }}</div>
                                </td>
                               
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-center">
                {!! $wallet_requests->links() !!}
            </div>
        </div>
    </div>
    @include('dashboard.layout.delete_modal')
    @include('dashboard.wallet_request.change_request_status')
@endsection

@section('vendor_styles')
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/datatables.min.css">
@endsection

@section('page_styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
    <script>
        function changeStatusModal(request) {
            $('#inlineForm #transfer_requeest_id').val(request) ;
        }
        function custFields(selectedItem){
            
            switch (selectedItem.value) {
                case 'rejected':
                $('#tax').css('display' , 'none') ;
                $('#note').css('display' , 'block') ;
                    break;
            
                case 'acepted':
                $('#tax').css('display' , 'block') ;
                $('#note').css('display' , 'none') ;
                    break;
            
                default:
                $('#tax').css('display' , 'block') ;
                $('#note').css('display' , 'block') ;
                    break;
            }
        }
        function changeTransferStatus(data) {
            console.log(data);
            data.append('_token' ,"{{ csrf_token() }}") ;
            $.ajax({
                url: "{{ LaravelLocalization::localizeUrl('dashboard/ajax/update_wallet_transfer_status') }}",
                method: "POST",
                data:data ,
                global:false,
                contentType: false,
                processData: false,
                success: function(data) {
                    if (data['value'] == 1) {
                        toastr.success(data['message'], '', {
                            "progressBar": true
                        });
                    } else {
                        toastr.danger(data['message'], '', {
                            "progressBar": true
                        });
                    }
                }
            });
        }
    </script>
@endsection
@include('dashboard.wallet_request.scripts')