@php
    use App\Models\RefundRequest;

    $canDecide = (bool) (
        $availableActions['can_decide'] ?? false
    );

    $statusDetails = match (true) {
        (bool) $refund->is_completed => [
            'label' => __('Completed'),
            'class' => 'bg-success',
            'icon' => 'fa-check-circle',
            'description' => __('This refund has been completed.'),
        ],

        (int) $refund->status === RefundRequest::STATUS_ACCEPTED => [
            'label' => __('Accepted'),
            'class' => 'bg-info',
            'icon' => 'fa-thumbs-up',
            'description' => __(
                'This refund was accepted and is awaiting completion.'
            ),
        ],

        (int) $refund->status === RefundRequest::STATUS_DECLINED => [
            'label' => __('Declined'),
            'class' => 'bg-danger',
            'icon' => 'fa-times-circle',
            'description' => __('This refund request was declined.'),
        ],

        default => [
            'label' => __('Pending'),
            'class' => 'bg-warning text-dark',
            'icon' => 'fa-clock',
            'description' => __(
                'This refund request is waiting for a decision.'
            ),
        ],
    };
@endphp

@if($canDecide)
    <div class="row g-4">
        {{-- Accept Refund --}}
        <div class="col-md-6">
            <div
                class="card border-0 shadow-sm
                       h-100 refund-decision-card"
            >
                <div class="card-body text-center py-5">
                    <div
                        class="decision-icon bg-success bg-opacity-10
                               text-success mx-auto mb-3"
                    >
                        <i class="fas fa-check-circle"></i>
                    </div>

                    <h5 class="fw-700">
                        {{ __('Accept Refund') }}
                    </h5>

                    <p class="text-muted">
                        {{
                            __('Approve this refund request so the financial refund can be completed.')
                        }}
                    </p>

                    <form
                        action="{{ route('admin.refunds.decision', $refund) }}"
                        method="POST"
                        class="refund-decision-form"
                    >
                        @csrf

                        <input
                            type="hidden"
                            name="decision"
                            value="accept"
                        >

                        <div class="mb-3 text-start">
                            <label
                                for="accept_reason"
                                class="form-label fw-600"
                            >
                                {{ __('Decision note') }}
                                <span class="text-muted fw-normal">
                                    ({{ __('optional') }})
                                </span>
                            </label>

                            <textarea
                                id="accept_reason"
                                name="reason"
                                class="form-control
                                       @error('reason') is-invalid @enderror"
                                rows="3"
                                maxlength="5000"
                                placeholder="{{ __('Explain why this request is being accepted...') }}"
                            >{{ old('decision') === 'accept' ? old('reason') : '' }}</textarea>

                            @if(old('decision') === 'accept')
                                @error('reason')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            @endif
                        </div>

                        <button
                            type="submit"
                            class="btn btn-success btn-lg w-100
                                   decision-submit-button"
                            data-confirm-message="{{ __('Accept this refund request? The financial refund will still need to be completed afterward.') }}"
                        >
                            <i class="fas fa-check me-2"></i>
                            {{ __('Accept Refund') }}
                        </button>
                    </form>
                </div>
            </div>
        </div>

        {{-- Decline Refund --}}
        <div class="col-md-6">
            <div
                class="card border-0 shadow-sm
                       h-100 refund-decision-card"
            >
                <div class="card-body text-center py-5">
                    <div
                        class="decision-icon bg-danger bg-opacity-10
                               text-danger mx-auto mb-3"
                    >
                        <i class="fas fa-times-circle"></i>
                    </div>

                    <h5 class="fw-700">
                        {{ __('Decline Refund') }}
                    </h5>

                    <p class="text-muted">
                        {{
                            __('Reject this refund request. The buyer will be able to see the decision.')
                        }}
                    </p>

                    <form
                        action="{{ route('admin.refunds.decision', $refund) }}"
                        method="POST"
                        class="refund-decision-form"
                    >
                        @csrf

                        <input
                            type="hidden"
                            name="decision"
                            value="decline"
                        >

                        <div class="mb-3 text-start">
                            <label
                                for="decline_reason"
                                class="form-label fw-600"
                            >
                                {{ __('Reason for declining') }}
                            </label>

                            <textarea
                                id="decline_reason"
                                name="reason"
                                class="form-control
                                       @error('reason') is-invalid @enderror"
                                rows="3"
                                maxlength="5000"
                                placeholder="{{ __('Explain why this refund request is being declined...') }}"
                            >{{ old('decision') === 'decline' ? old('reason') : '' }}</textarea>

                            @if(old('decision') === 'decline')
                                @error('reason')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            @endif

                            <small class="text-muted">
                                {{
                                    __('A clear explanation helps the buyer understand the decision.')
                                }}
                            </small>
                        </div>

                        <button
                            type="submit"
                            class="btn btn-danger btn-lg w-100
                                   decision-submit-button"
                            data-confirm-message="{{ __('Decline this refund request?') }}"
                        >
                            <i class="fas fa-times me-2"></i>
                            {{ __('Decline Refund') }}
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@else
    {{-- Decision Already Made --}}
    <div class="card border-0 bg-light">
        <div class="card-body text-center py-5">
            <div
                class="decision-icon bg-secondary bg-opacity-10
                       text-muted mx-auto mb-3"
            >
                <i class="fas fa-gavel"></i>
            </div>

            <h5 class="fw-700 text-muted">
                {{ __('Decision Already Made') }}
            </h5>

            <p class="text-muted mb-3">
                {{ $statusDetails['description'] }}
            </p>

            <span
                class="badge {{ $statusDetails['class'] }}
                       fs-6 px-4 py-2"
            >
                <i
                    class="fas {{ $statusDetails['icon'] }} me-1"
                ></i>
                {{ $statusDetails['label'] }}
            </span>

            @if($refund->refund_reference)
                <div class="mt-3 small text-muted">
                    {{ __('Refund reference:') }}
                    <code>{{ $refund->refund_reference }}</code>
                </div>
            @endif

            @if($refund->completed_at)
                <div class="mt-2 small text-muted">
                    {{ __('Completed:') }}
                    {{ $refund->completed_at->format('M d, Y H:i') }}
                </div>
            @endif
        </div>
    </div>
@endif

@push('styles')
<style>
    .fw-600 {
        font-weight: 600;
    }

    .fw-700 {
        font-weight: 700;
    }

    .refund-decision-card {
        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
    }

    .refund-decision-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.08) !important;
    }

    .decision-icon {
        width: 78px;
        height: 78px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
    }
</style>
@endpush

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll(
        '.refund-decision-form'
    ).forEach(function (form) {
        form.addEventListener('submit', function (event) {
            var button = form.querySelector(
                '.decision-submit-button'
            );

            if (!button) {
                return;
            }

            var confirmationMessage = button.dataset.confirmMessage;

            if (
                confirmationMessage &&
                !window.confirm(confirmationMessage)
            ) {
                event.preventDefault();
                return;
            }

            button.disabled = true;
            button.innerHTML =
                '<i class="fas fa-spinner fa-spin me-2"></i>' +
                @json(__('Processing...'));
        });
    });
});
</script>
@endpush