@extends('layouts.admin')
@section('title', 'استقرارهای کیبورد')
@section('content')
<x-ui.page-header title="استقرارهای کیبورد" subtitle="ارسال منوی ربات به کاربران">
    <x-slot:actions>
        <a href="{{ route('admin.bot-keyboard-layouts.index') }}" class="cb-btn-muted">مدیریت چیدمان‌ها</a>
    </x-slot:actions>
</x-ui.page-header>

<x-ui.card>
    <h3 class="mb-3 text-sm font-semibold text-slate-700">ثبت استقرار جدید</h3>
    <form method="POST" action="{{ route('admin.bot-keyboard-deployments.store') }}" class="grid gap-3 md:grid-cols-4">
        @csrf
        <x-ui.select name="bot_account_id" label="ربات" :value="(string) old('bot_account_id', request('bot_account_id', ''))" :options="$bots->mapWithKeys(fn ($item) => [(string) $item->id => $item->name.' ('.$item->platform.')'])->all()" required />
        <x-ui.select name="bot_keyboard_layout_id" label="چیدمان (اختیاری)" :value="(string) old('bot_keyboard_layout_id', '')" :options="['' => 'انتخاب خودکار'] + $layouts->mapWithKeys(fn ($item) => [(string) $item->id => $item->name.' | '.$item->scope.($item->bot_account_id ? ' | bot:'.$item->bot_account_id : '')])->all()" />
        <div class="md:col-span-2 flex items-end">
            <button type="submit" class="cb-btn-primary">شروع استقرار</button>
        </div>
    </form>
</x-ui.card>

<x-ui.card>
    <form method="GET" class="grid gap-3 md:grid-cols-4 mb-4">
        <x-ui.select name="status" label="وضعیت" :value="(string) request('status', '')" :options="['' => 'همه', 'pending' => 'در انتظار', 'running' => 'در حال اجرا', 'done' => 'انجام شده', 'failed' => 'ناموفق']" />
        <x-ui.select name="bot_account_id" label="ربات" :value="(string) request('bot_account_id', '')" :options="['' => 'همه'] + $bots->mapWithKeys(fn ($item) => [(string) $item->id => $item->name])->all()" />
        <div class="flex items-end gap-2">
            <button class="cb-btn-primary" type="submit">اعمال فیلتر</button>
            <a href="{{ route('admin.bot-keyboard-deployments.index') }}" class="cb-btn-muted">حذف فیلتر</a>
        </div>
    </form>

    <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>
                    <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">{{ $item->id }}</td>
                        <td class="px-3 py-2">{{ $item->botAccount?->name ?: '-' }}</td>
                        <td class="px-3 py-2">{{ $item->layout?->name ?: '-' }}</td>
                        <td class="px-3 py-2">{{ $item->status }}</td>
                        <td class="px-3 py-2">هدف: {{ $item->target_users_count }} | ارسال: {{ $item->sent_count }} | خطا: {{ $item->failed_count }}</td>
                        <td class="px-3 py-2 text-xs">{{ $item->started_at?->format('Y-m-d H:i') ?: '-' }} / {{ $item->finished_at?->format('Y-m-d H:i') ?: '-' }}</td>
                        <td class="px-3 py-2"><a class="cb-btn-muted" href="{{ route('admin.bot-keyboard-deployments.show', $item) }}">مشاهده</a></td>
                    </tr>
                @empty
                    <tr><td class="px-3 py-6 text-center text-slate-500" colspan="7">استقراری ثبت نشده است.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

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