@extends('layouts.admin')
@section('title', 'جزئیات استقرار کیبورد')
@section('content')
<x-ui.page-header title="استقرار #{{ $deployment->id }}" subtitle="{{ $deployment->botAccount?->name ?: '-' }}">
    <x-slot:actions>
        <a href="{{ route('admin.bot-keyboard-deployments.index') }}" class="cb-btn-muted">بازگشت</a>
    </x-slot:actions>
</x-ui.page-header>

<x-ui.card>
    <dl class="grid gap-3 md:grid-cols-2 text-sm">
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">ربات</dt><dd class="font-semibold">{{ $deployment->botAccount?->name ?: '-' }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">چیدمان</dt><dd class="font-semibold">{{ $deployment->layout?->name ?: '-' }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">وضعیت</dt><dd class="font-semibold">{{ $deployment->status }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">هدف</dt><dd class="font-semibold">{{ $deployment->target_users_count }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">ارسال موفق</dt><dd class="font-semibold">{{ $deployment->sent_count }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">ارسال ناموفق</dt><dd class="font-semibold">{{ $deployment->failed_count }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">شروع</dt><dd class="font-semibold">{{ $deployment->started_at?->format('Y-m-d H:i:s') ?: '-' }}</dd></div>
        <div class="rounded-xl border border-slate-200 p-3"><dt class="text-slate-500">پایان</dt><dd class="font-semibold">{{ $deployment->finished_at?->format('Y-m-d H:i:s') ?: '-' }}</dd></div>
    </dl>

    <div class="mt-4">
        <p class="mb-2 text-sm text-slate-500">آخرین خطا</p>
        <pre class="overflow-auto rounded-xl bg-slate-900 p-4 text-xs text-slate-100">{{ $deployment->last_error ?: '-' }}</pre>
    </div>
</x-ui.card>
@endsection