@extends('layouts.admin')
@section('title', 'دکمه‌های ربات')
@section('content')
<x-ui.page-header title="دکمه‌های ربات" subtitle="مدیریت منوی ربات در پلتفرم‌های مختلف">
    <x-slot:actions>
        <a href="{{ route('admin.bot-buttons.create') }}" class="cb-btn-primary">افزودن دکمه</a>
    </x-slot:actions>
</x-ui.page-header>

<x-ui.card>
    @php
        $actionTypeLabels = [
            'send_text' => 'ارسال متن',
            'send_file' => 'ارسال فایل',
            'open_url' => 'بازکردن پیوند',
            'show_menu' => 'نمایش منو',
            'call_handler' => 'اجرای هندلر',
        ];
    @endphp

    <div class="overflow-x-auto">
        <table class="min-w-full text-sm">
            <thead>
                <tr class="border-b border-slate-200 text-right text-slate-500">
                    <th class="px-3 py-2">کلید</th>
                    <th class="px-3 py-2">عنوان</th>
                    <th class="px-3 py-2">عملیات</th>
                    <th class="px-3 py-2">ترتیب</th>
                    <th class="px-3 py-2">جزئیات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $item)
                    <tr class="border-b border-slate-100">
                        <td class="px-3 py-2 font-mono">{{ $item->button_key }}</td>
                        <td class="px-3 py-2">{{ $item->title }}</td>
                        <td class="px-3 py-2">{{ $actionTypeLabels[$item->action_type] ?? $item->action_type }}</td>
                        <td class="px-3 py-2">{{ $item->sort_order ?? 0 }}</td>
                        <td class="px-3 py-2"><a class="cb-btn-muted" href="{{ route('admin.bot-buttons.show', $item) }}">مشاهده</a></td>
                    </tr>
                @empty
                    <tr><td class="px-3 py-6 text-center text-slate-500" colspan="5">دکمه‌ای تعریف نشده است.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $items->links() }}</div>
</x-ui.card>
@endsection