@extends('administrator.layout')
@section('admintitle', 'Withdrawal')
@section('content')
<style>
    img, svg {
    vertical-align: middle;
    width: 18px;
}
.with_drow {
    display: flex;
    align-items: center;
    gap: 11px;
}
</style>
            <!-- Table Start -->
            <div class="container-fluid pt-4 px-4">
                <div class="row g-4">
                    <div class="col-12">
                        <div class="bg-light rounded h-100 p-4">
                            
                             @if (session()->has('success'))
                                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.success') }} !</strong> {{ session()->get('success') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        
                            @if (session()->has('error'))
                                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.error') }} !</strong> {{ session()->get('error') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif

                            <div class="row mb-4 mt-0">
                                <div class="col-md-9 mt-3"><h5>{{ __('text.withdrawal') }} {{ __('text.table') }}</h5></div>
                                <!--<div class="col-md-3 mt-1 text-end"><a href="add_currency"><button class="btn btn-warning  rounded-pill" data-toggle="modal" data-target="#create"> + {{ __('text.create') }}</button></a></div>-->
                            </div>                            
                            
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                         <tr>
                                            
                                           <th scope="col">{{ __('text.name') }}</th>
                                            <th scope="col">{{ __('text.amount') }}</th>
                                            <th scope="col">{{ __('text.paymentmode') }}</th>
                                            <th scope="col">{{ __('text.note') }}</th>
                                            <th scope="col">{{ __('text.description') }}</th>
                                            <th scope="col">{{ __('text.paymentdate') }}</th>
                                            <th scope="col">{{ __('text.requestdate') }}</th>
                                            <th scope="col">{{ __('text.status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($data as $index => $wd)
                                        <tr>
                                            
                                           <td>{{ $wd->firstname }} {{ $wd->lastname }}</td>
                                            <td>{{$symbol}}{{ $wd->amount }}</td>
                                            <td>{{ $wd->method }}</td>
                                            <td>{{ $wd->discription	 }}</td>
                                            <td>{{ $wd->admin_discription	 }}</td>
                                             <td>{{ $wd->payment_date }}</td>
                                             <td>{{ $wd->requested_date }}</td>
                                         <td>
          
             @if($wd->payment_status == 0)
             <div class="with_drow">
            <button type="button" data-toggle="modal" id="AppBtn{{ $wd->withdrawal_id }}" data-id="{{ $wd->withdrawal_id }}" data-target="#create{{ $wd->withdrawal_id }}" value="{{ $wd->payment_status }}" class="btn btn-warning">{{ __('text.approve') }}</button>
            <button type="button" id="RejBtn{{ $wd->withdrawal_id }}" data-id="{{ $wd->withdrawal_id }}" value="{{ $wd->payment_status }}" class="btn btn-danger">{{ __('text.reject') }}</button>
            </div>
            @elseif($wd->payment_status == 1)
            <div class="p-2 mb-2 bg-success text-white" style="width: 78px;border-radius: 5px;">{{ __('text.success') }}</div>
            @else($wd->payment_status == 2)
             <div class=" p-2 mb-2 bg-danger text-white" style="width: 78px;border-radius: 5px;">{{ __('text.rejected') }}</div>
                
            @endif
        </td>
                                           
                                         <!-- Modal -->
                <div class="modal fade" id="create{{ $wd->withdrawal_id }}" tabindex="-1" aria-labelledby="createModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="createModalLabel">{{ __('text.withdrawal') }}</h5>
                                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <form action="{{ route('admin_add') }}" method="POST">
                                    @csrf
                                    <input type="hidden" class="form-control border-primary" name="withdrawal_id" value="{{ $wd->withdrawal_id }}">
                                   <div class="row mb-3">
                                        <label for="inputdiscription" class="col-sm-2 col-form-label">{{ __('text.description') }}</label>
                                        <div class="col-sm-10">
                                            <textarea class="form-control" id="inputdiscription" placeholder="{{ __('text.description') }}" name="admin_discription" ></textarea>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('text.close') }}</button>
                                        <button type="submit" class="btn btn-primary">{{ __('text.approve') }}</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>   
                                           
                                        </tr>
                                         @empty
                                        <tr>
                                            <td colspan="5" class="text-center">{{ __('text.no_records_found') }}</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                                                                                     <tfoot>
    <tr>
        <td colspan="8">
            <div class="d-flex showing-page">
                {{ $data->links() }}
                
            </div>
        </td>
    </tr>
</tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Table End -->


@endsection

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $(document).on('click', '[id^="RejBtn"]', function(e) {
        e.preventDefault();
        
        var status = $(this).val();
        var dataId = $(this).attr("data-id");
    
        $.ajax({
            type: 'POST',
            url: '{{ route("admin_status") }}',
            data: {
                withdrawal_id : dataId,
                payment_status : status,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                alert('Status updated successfully');
                location.reload(); // Reload the page
            },
            error: function(xhr, status, error) {
                alert('An error occurred while updating status.');
                console.error(xhr.responseText);
            }
        });
    });
});

</script>