@php
    $btnText = trans('admin.ban_the_user');
    $baseUrl = admin_url('blacklists/add');
@endphp

<div @include('admin.panel.inc.field_wrapper_attributes')>
    <span data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ $field['hint'] }}">
        <button type="button" class="btn btn-outline-danger btn-block" data-bs-toggle="modal"
            data-bs-target="#banUserModal">
            {{ $btnText }}
        </button>
    </span>
</div>

{{-- modal --}}
<div class="modal fade" id="banUserModal" tabindex="-1" aria-labelledby="banUserModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="banUserModalLabel">Ban User</h5>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="banReason" class="form-label text-start w-100">Reason:</label>
                    <textarea class="form-control" id="banReason" rows="3" placeholder="Enter reason..."
                        style="min-height: 90px; resize: vertical; overflow:hidden;"></textarea>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger" id="banUserBtn">{{ $btnText }}</button>
            </div>
        </div>
    </div>
</div>

@push('crud_fields_scripts')
    <script>
        $(function() {
            $('#banReason').on('input', function() {
                this.style.height = 'auto';
                this.style.height = (this.scrollHeight) + 'px';
            });

            $('#banUserBtn').on('click', function() {
                let baseQuery = @json($field['query'] ?? []);
                let userId = @json($field['userId'] ?? null);
                let reason = $('#banReason').val().trim();

                if (!reason) {
                    alert("Please provide a reason to ban the user.");
                    return;
                }

                let baseUrl = @json(admin_url('blacklists/add'));
                let params = new URLSearchParams();
                params.append('user_ids[]', userId);
                params.append('reason', reason);
                params.append('_token', '{{ csrf_token() }}');

                window.location.href = `${baseUrl}?${params.toString()}`;
            });
        });
    </script>
@endpush