@extends('layouts.app')
@section('content')
<div class="mb-5"><a href="{{ route('bots.index') }}" class="inline-flex items-center gap-1 text-sm font-black text-teal-700"><x-icon name="arrow-left" size="16" /> My bots</a><div class="mt-5 flex items-center gap-3"><span class="premium-icon-tile {{ $bot->template->icon === 'message' ? 'violet' : ($bot->template->icon === 'link' ? 'orange' : '') }} h-14 w-14 shrink-0"><x-icon :name="$bot->template->icon === 'message' ? 'message' : ($bot->template->icon === 'link' ? 'link' : 'sparkles')" size="24" /></span><div class="min-w-0"><div class="flex flex-wrap items-center gap-2"><h1 class="text-2xl font-black tracking-tight">{{ $bot->internal_name }}</h1><x-status-pill :status="$bot->status" /></div><p class="mt-1 truncate text-xs text-slate-500">{{ $bot->telegram_username ? '@'.$bot->telegram_username : $bot->telegram_first_name }} · {{ $bot->template->name }}</p></div></div></div>
<x-flash />
<div class="space-y-5"><section class="app-card p-5 sm:p-7"><div class="flex items-start justify-between gap-3"><div><p class="eyebrow">Connection health</p><h2 class="mt-2 text-xl font-black">Webhook is {{ $bot->webhook_status === 'verified' ? 'verified' : 'waiting' }}.</h2></div><span class="inline-flex items-center gap-1.5 rounded-full bg-teal-50 px-2.5 py-1.5 text-[10px] font-black text-teal-700"><span class="h-1.5 w-1.5 rounded-full bg-teal-500"></span>{{ $bot->webhook_status === 'verified' ? 'Healthy' : 'Review' }}</span></div><div class="mt-5 grid grid-cols-2 gap-2"><div class="rounded-2xl bg-slate-50 p-4"><p class="text-[10px] text-slate-400">Telegram identity</p><p class="mt-2 text-sm font-black">{{ $bot->telegram_username ? '@'.$bot->telegram_username : $bot->telegram_first_name }}</p></div><div class="rounded-2xl bg-slate-50 p-4"><p class="text-[10px] text-slate-400">Secure token</p><p class="mt-2 font-mono text-[10px] font-black">{{ $bot->maskedToken() }}</p></div><div class="rounded-2xl bg-slate-50 p-4"><p class="text-[10px] text-slate-400">Last update</p><p class="mt-2 text-sm font-black">{{ $bot->last_update_at?->diffForHumans() ?? 'Waiting' }}</p></div><div class="rounded-2xl bg-slate-50 p-4"><p class="text-[10px] text-slate-400">Connected</p><p class="mt-2 text-sm font-black">{{ $bot->created_at->format('M j, Y') }}</p></div></div><div class="mt-5 flex gap-2"><form method="POST" action="{{ route('bots.toggle', $bot) }}" class="flex-1">@csrf @method('PATCH')<input type="hidden" name="enabled" value="{{ $bot->status === 'active' ? '0' : '1' }}"><button class="btn-secondary w-full">{{ $bot->status === 'active' ? 'Disable' : 'Enable' }}</button></form><form method="POST" action="{{ route('bots.reconnect', $bot) }}" class="flex-1">@csrf<button class="btn-primary w-full">Reconnect <x-icon name="refresh" size="16" /></button></form></div>@if($bot->last_error_message)<div class="mt-4 rounded-2xl border border-rose-100 bg-rose-50 p-4 text-xs text-rose-800"><strong>Needs attention:</strong> {{ $bot->last_error_message }}</div>@endif</section>
<section class="app-card p-5 sm:p-7"><p class="eyebrow">Module settings</p><h2 class="mt-2 text-xl font-black">{{ $bot->template->name }}</h2><p class="mt-1 text-sm text-slate-500">Change the settings exposed by this trusted module.</p><form method="POST" action="{{ route('bots.settings.update', $bot) }}" class="mt-6 space-y-5">@csrf @method('PUT')@foreach($schema as $key => $field)<div><label class="mb-2 block text-sm font-black">{{ $field['label'] ?? str($key)->headline() }}</label>@if(($field['type'] ?? 'text') === 'boolean')<label class="flex items-center gap-3 rounded-2xl border border-slate-200 bg-slate-50 p-4"><input type="hidden" name="configuration[{{ $key }}]" value="0"><input type="checkbox" name="configuration[{{ $key }}]" value="1" class="h-4 w-4 rounded border-slate-300 text-teal-600 focus:ring-teal-500" @checked(filter_var($settings[$key] ?? ($field['default'] ?? false), FILTER_VALIDATE_BOOLEAN))><span class="text-xs text-slate-500">{{ $field['description'] ?? 'Enabled' }}</span></label>@else<input name="configuration[{{ $key }}]" value="{{ old('configuration.'.$key, $settings[$key] ?? ($field['default'] ?? '')) }}" class="app-input" maxlength="{{ $field['max'] ?? 255 }}">@if(!empty($field['description']))<p class="mt-2 text-xs text-slate-400">{{ $field['description'] }}</p>@endif @endif</div>@endforeach<button class="btn-primary w-full">Save settings <x-icon name="check" size="16" /></button></form></section>
<section class="app-card overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><p class="font-black">Recent updates</p></div><div class="divide-y divide-slate-100">@forelse($bot->updates as $update)<div class="flex items-center gap-3 px-5 py-3"><span class="premium-icon-tile h-9 w-9"><x-icon name="activity" size="16" /></span><div class="min-w-0 flex-1"><p class="text-xs font-black">{{ str_replace('_', ' ', $update->update_type) }}</p><p class="mt-1 text-[10px] text-slate-400">{{ $update->created_at->diffForHumans() }}</p></div><x-status-pill :status="$update->status" /></div>@empty<div class="px-5 py-10 text-center text-sm text-slate-500">No Telegram updates yet.</div>@endforelse</div></section>
<section class="rounded-3xl border border-rose-100 bg-rose-50 p-5"><div class="flex items-start gap-3"><span class="premium-icon-tile orange h-10 w-10 shrink-0"><x-icon name="trash" size="17" /></span><div><p class="font-black text-rose-800">Remove this bot?</p><p class="mt-1 text-xs leading-5 text-rose-700">The webhook will be deleted before the connection is removed.</p></div></div><form method="POST" action="{{ route('bots.destroy', $bot) }}" class="mt-4" onsubmit="return confirm('Remove this bot and delete its Telegram webhook?')">@csrf @method('DELETE')<button class="w-full rounded-2xl border border-rose-200 bg-white px-4 py-3 text-sm font-black text-rose-700 hover:bg-rose-100">Remove bot</button></form></section></div>
@endsection