@extends('layouts.app')

@section('title', 'Нет соединения — teeu')

@section('content')
<div class="mx-auto flex max-w-md flex-col items-center gap-4 py-20 text-center">
    <div class="grid h-20 w-20 place-items-center rounded-full bg-[var(--color-primary-soft)] text-[var(--color-primary)]">
        <i data-lucide="wifi-off" class="h-9 w-9"></i>
    </div>
    <h1 class="text-2xl font-extrabold tracking-tight text-[var(--color-ink)]">Нет подключения к интернету</h1>
    <p class="text-[15px] leading-relaxed text-[var(--color-slate)]">
        Не удалось загрузить страницу. Проверьте соединение и попробуйте снова —
        уже просмотренные страницы могут открываться из кэша.
    </p>
    <button type="button" onclick="location.reload()"
            class="mt-2 inline-flex items-center gap-2 rounded-[var(--radius-md)] bg-[var(--color-primary)] px-6 py-3 text-sm font-bold text-white shadow-[var(--shadow-primary)] transition hover:bg-[var(--color-primary-dark)]">
        <i data-lucide="rotate-cw" class="h-4 w-4"></i> Обновить
    </button>
</div>
@endsection