@props([
    'href'  => route('admin.dashboard'),
    'label' => 'العودة للرئيسية',
])

{{--
    x-back-button — زر العودة الموحد لمنصة ابدأ
    الاستخدام:  <x-back-button />
    أو مخصص:   <x-back-button href="{{ route('admin.courses.index') }}" label="العودة للكورسات" />
--}}

<a href="{{ $href }}"
   title="{{ $label }}"
   class="ebda-back-btn group inline-flex items-center gap-1.5
          text-[#1e3a8a] rounded-lg p-1.5
          transition-all duration-200 ease-in-out
          hover:bg-blue-50 hover:shadow-sm hover:text-[#1d4ed8]
          focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1e3a8a]/40">

    {{-- سهم العودة لليمين (RTL) - Outline ناعم --}}
    <svg class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-0.5"
         fill="none"
         stroke="currentColor"
         stroke-width="1.75"
         stroke-linecap="round"
         stroke-linejoin="round"
         viewBox="0 0 24 24"
         aria-hidden="true">
        <path d="M9 18l6-6-6-6" />
    </svg>

    {{-- النص الاختياري (مخفي بالافتراضي، يظهر عند الحاجة) --}}
    {{-- يمكن إظهاره بإزالة كلاس sr-only --}}
    <span class="sr-only">{{ $label }}</span>
</a>