@extends('layouts.cabinet')

@section('title', 'Telegram мини-приложения — Placeo')

@section('cabinet')
<div>
    <div class="mb-6 flex items-center justify-between">
        <h1 class="text-2xl font-bold">Telegram мини-приложения</h1>
        <a href="{{ route('cabinet.miniapps.create') }}" class="btn-brand">Создать</a>
    </div>

    @if (session('status'))
        <div class="mb-4 rounded-lg bg-brand-50 px-4 py-3 text-sm text-brand-800">{{ session('status') }}</div>
    @endif

    <p class="mb-4 text-sm text-muted">Лента объявлений Placeo прямо внутри Telegram. Создайте мини-приложение для своей группы, выберите разрешённые категории — и закрепите готовую ссылку в чате. Участники смогут смотреть и подавать объявления, не выходя из мессенджера.</p>

    @forelse ($apps as $app)
        <div class="card mb-3 flex items-center justify-between gap-4 p-4">
            <div class="min-w-0">
                <div class="font-semibold text-gray-900">{{ $app->name }}</div>
                <div class="truncate text-xs text-muted">
                    Категорий: {{ count($app->categoryIds()) ?: 'все' }}
                    @if ($app->cfg('only_own')) · только объявления этой группы @endif
                </div>
            </div>
            <a href="{{ route('cabinet.miniapps.edit', $app) }}" class="btn-ghost shrink-0 px-4 py-2 text-sm">Настроить</a>
        </div>
    @empty
        <div class="card grid place-items-center p-12 text-center text-muted">
            <div><div class="mb-2 text-4xl">📱</div>У вас пока нет мини-приложений.</div>
        </div>
    @endforelse
</div>
@endsection