@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@endsection

@section('content')
<section>
    <div class="card">
        <div class="card-header"><h4 class="card-title">{{ __('admin.show') }}</h4></div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><strong>{{ __('admin.name') }}:</strong> {{ $row->withdrawable->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.amount') }}:</strong> {{ number_format((float) $row->amount, 2) }} SAR</div>
                <div class="col-md-6"><strong>{{ __('admin.bank_name') }}:</strong> {{ $row->bank_name }}</div>
                <div class="col-md-6"><strong>{{ __('admin.account_holder') }}:</strong> {{ $row->account_holder }}</div>
                <div class="col-md-6"><strong>{{ __('admin.account_number') }}:</strong> {{ $row->account_number }}</div>
                <div class="col-md-6"><strong>{{ __('admin.iban') }}:</strong> <span dir="ltr">{{ $row->iban }}</span></div>
                <div class="col-md-6"><strong>{{ __('admin.status') }}:</strong> {{ __('apis.withdrawal_statuses.' . $row->status) }}</div>
                <div class="col-md-6"><strong>{{ __('admin.created_at') }}:</strong> {{ optional($row->created_at)->format('Y-m-d H:i') }}</div>
            </div>

            <div class="form-group mt-2">
                <label>{{ __('admin.admin_note') }}</label>
                <textarea id="admin_note" class="form-control" rows="2">{{ $row->admin_note }}</textarea>
            </div>

            <div class="d-flex justify-content-center mt-2 flex-wrap">
                @if($row->status === 'pending')
                    @haspermission('admin.withdrawal_requests.approve')
                    <button class="btn btn-info mr-1 mb-1 action-btn" data-url="{{ route('admin.withdrawal_requests.approve') }}">{{ __('admin.approve') }}</button>
                    @endhaspermission
                    @haspermission('admin.withdrawal_requests.transfer')
                    <button class="btn btn-success mr-1 mb-1 action-btn" data-url="{{ route('admin.withdrawal_requests.transfer') }}">{{ __('admin.mark_transferred') }}</button>
                    @endhaspermission
                    @haspermission('admin.withdrawal_requests.reject')
                    <button class="btn btn-danger mr-1 mb-1 action-btn" data-url="{{ route('admin.withdrawal_requests.reject') }}">{{ __('admin.reject') }}</button>
                    @endhaspermission
                @elseif($row->status === 'approved')
                    @haspermission('admin.withdrawal_requests.transfer')
                    <button class="btn btn-success mr-1 mb-1 action-btn" data-url="{{ route('admin.withdrawal_requests.transfer') }}">{{ __('admin.mark_transferred') }}</button>
                    @endhaspermission
                    @haspermission('admin.withdrawal_requests.reject')
                    <button class="btn btn-danger mr-1 mb-1 action-btn" data-url="{{ route('admin.withdrawal_requests.reject') }}">{{ __('admin.reject') }}</button>
                    @endhaspermission
                @endif
                <a href="{{ route('admin.withdrawal_requests.index') }}" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
<script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
<script>
    $(document).on('click', '.action-btn', function () {
        $.ajax({
            url: $(this).data('url'),
            method: 'post',
            data: {
                id: {{ $row->id }},
                admin_note: $('#admin_note').val(),
                _token: '{{ csrf_token() }}'
            },
            success: function (res) {
                Swal.fire({ position: 'top-start', type: 'success', title: res.message, showConfirmButton: false, timer: 1500 });
                setTimeout(function () { location.reload(); }, 1200);
            },
            error: function (xhr) {
                Swal.fire({ type: 'error', title: xhr.responseJSON?.message || '{{ __('admin.something_went_wrong') }}' });
            }
        });
    });
</script>
@endsection