@extends('layouts.app')
@php use App\Support\Taxonomy; $title = 'Page introuvable'; @endphp

@section('content')
<section class="section">
    <div class="container center" style="max-width:720px">
        <div style="font-size:clamp(4rem,14vw,8rem);font-weight:800;letter-spacing:-.05em;color:var(--orange);line-height:1">404</div>
        <h1 style="margin:10px 0 12px">Cette page a changé d'adresse</h1>
        <p class="lead">
            L'annonce a peut-être été retirée, ou le lien comporte une erreur.
            Voici quelques pistes pour retrouver votre chemin.
        </p>

        <form action="{{ url('/recherche') }}" method="get" style="margin:26px 0">
            <div class="searchbar">
                <div class="field ac-wrap">
                    <x-icon name="search"/>
                    <input type="search" name="q" data-autocomplete autocomplete="off" placeholder="Rechercher sur CityMag…">
                </div>
                <button class="btn btn-primary" type="submit">Rechercher</button>
            </div>
        </form>

        <div class="grid grid-4">
            @foreach(Taxonomy::rubriques() as $key => $r)
                <a href="{{ url('/'.$key) }}" class="tile tile-lg">
                    <span class="tile-icon"><x-icon :name="$r['icon']"/></span>
                    <span class="tile-name">{{ $r['label'] }}</span>
                </a>
            @endforeach
        </div>

        <a href="{{ url('/') }}" class="btn btn-outline btn-lg" style="margin-top:26px"><x-icon name="arrow-left"/> Retour à l'accueil</a>
    </div>
</section>
@endsection