@extends('admin.layouts.admin')
@section('content')
<div class="bg-white p-6 rounded-lg shadow-md">
    <div class="flex justify-between mb-6">
        <h2 class="text-xl font-bold">إدارة السلايدر (Hero)</h2>
        <a href="{{ route('admin.hero.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded">إضافة جديد</a>
    </div>
    <table class="w-full text-right border-collapse">
        <thead>
            <tr class="bg-gray-100">
                <th class="p-3 border">المستهدف</th>
                <th class="p-3 border">الميزة</th>
                <th class="p-3 border">العنوان</th>
                <th class="p-3 border">العمليات</th>
            </tr>
        </thead>
        <tbody>
            @foreach($heroes as $hero)
            <tr>
                <td class="p-3 border">
                    @php
                        $userTypes = [
                            'guest' => 'زائر (غير مسجل)',
                            'customer' => 'عميل (مشتري)',
                            'pharmacy' => 'صاحب صيدلية',
                            'doctor' => 'طبيب استشاري',
                            'merchant' => 'تاجر / مورد',
                            'file_owner' => 'صاحب ملفات',
                            'job_seeker' => 'باحث عن عمل',
                        ];
                    @endphp
                    <span class="px-2 py-1 bg-gray-100 rounded text-xs">{{ $userTypes[$hero->user_type] ?? $hero->user_type }}</span>
                </td>
                <td class="p-3 border">{{ $hero->feature }}</td>
                <td class="p-3 border">{{ $hero->title }}</td>
                <td class="p-3 border">
                    <a href="{{ route('admin.hero.edit', $hero->id) }}" class="text-blue-600">تعديل</a>
                    <form action="{{ route('admin.hero.destroy', $hero->id) }}" method="POST" class="inline">
                        @csrf @method('DELETE')
                        <button class="text-red-600 mr-3">حذف</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection