@php
    $variant = $variant ?? 'listed';
@endphp

<div class="article-table__actions article-table__actions--icons">
    @if ($variant === 'listed')
        <a
            href="{{ route('admin.articles.edit', $article) }}"
            class="action-btn action-btn--icon action-btn--ghost"
            title="تعديل"
            aria-label="تعديل"
        >
            <svg class="action-btn__svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1.003 1.003 0 0 0 0-1.41l-2.34-2.34a1.003 1.003 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
        </a>
        @php
            $articleViewUrl = $article->status === 'published'
                ? route('library.article.show', $article->slug)
                : route('admin.articles.preview', $article);
            $previewTitle = $article->status === 'published'
                ? 'معاينة — صفحة المقالة'
                : 'معاينة — مسودة (يتطلب تسجيل الدخول)';
        @endphp
        <a
            href="{{ $articleViewUrl }}"
            class="action-btn action-btn--icon"
            target="_blank"
            rel="noopener"
            title="{{ $previewTitle }}"
            aria-label="معاينة"
        >
            <svg class="action-btn__svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
        </a>
        <form
            action="{{ route('admin.articles.destroy', $article) }}"
            method="post"
            class="article-index-row__delete-form js-article-delete-form"
        >
            @csrf
            @method('DELETE')
            <button type="submit" class="action-btn action-btn--icon action-btn--danger" title="حذف" aria-label="حذف">
                <svg class="action-btn__svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
            </button>
        </form>
    @else
        <a
            href="{{ route('admin.articles.trashed.preview', $article) }}"
            class="action-btn action-btn--icon"
            target="_blank"
            rel="noopener"
            title="معاينة — مقالة محذوفة مؤقتاً"
            aria-label="معاينة"
        >
            <svg class="action-btn__svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
        </a>
        <form
            action="{{ route('admin.articles.restore', $article) }}"
            method="post"
            class="article-index-row__delete-form"
        >
            @csrf
            <button type="submit" class="action-btn action-btn--icon action-btn--restore" title="استعادة" aria-label="استعادة">
                <svg class="action-btn__svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/></svg>
            </button>
        </form>
    @endif
</div>