@extends('layouts.app')

@section('title', 'Solidarité active et échange éthique')

@section('content')
<section class="stitch-hero" aria-labelledby="home-title">
    <div class="shell stitch-hero-grid">
        <div class="stitch-hero-copy">
            <h1 id="home-title">Solidarité active et<br>échange éthique.</h1>
            <p>Rejoignez une communauté engagée. Offrez ce dont vous n’avez plus besoin, ou trouvez de l’aide rapidement et en toute confiance.</p>
            <div class="stitch-actions">
                <a href="{{ auth()->check() ? route('donations.create') : route('register') }}" class="button">
                    <svg aria-hidden="true" viewBox="0 0 24 24" width="22" height="22"><path d="M12 21s-7-4.35-9.3-8.1C.9 9.95 2.1 6.5 5.4 6.1c1.9-.23 3.35.75 4.25 2.03C10.2 5.15 11.77 3 14.5 3c2.88 0 4.5 2.19 4.5 4.57 0 3.54-4.15 6.58-7 8.43"/><path d="M4 18h4l2 2h7.5a2.5 2.5 0 0 0 2.5-2.5V16h-7l-2-2H7a3 3 0 0 0-3 3v1Z"/></svg>
                    Faire un don
                </a>
                <a href="{{ auth()->check() ? route('assistance.create') : route('register') }}" class="button button-blue">
                    Demander une assistance
                    <svg aria-hidden="true" viewBox="0 0 24 24" width="22" height="22"><path d="m8.5 12.5 3 3 4-4"/><path d="M7.2 4.7 4.7 7.2a2.5 2.5 0 0 0 0 3.6l8.5 8.5a2.5 2.5 0 0 0 3.6 0l2.5-2.5a2.5 2.5 0 0 0 0-3.6l-8.5-8.5a2.5 2.5 0 0 0-3.6 0Z"/></svg>
                </a>
            </div>
        </div>
        <figure class="stitch-hero-photo">
            <img src="{{ asset('images/freegive/hero-community-gift.png') }}" alt="Remise solidaire d’un cadeau entre deux personnes">
        </figure>
    </div>
</section>

<section class="home-impact" aria-label="Impact de la communauté FreeGive">
    <div class="shell home-impact-grid">
        <a class="sr-only" href="{{ route('donations.index') }}">Voir tous les dons</a>
        <article>
            <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M20 12v9H4v-9M2 7h20v5H2zM12 7v14M12 7H7.5a2.5 2.5 0 1 1 2.1-3.86L12 7Zm0 0h4.5a2.5 2.5 0 1 0-2.1-3.86L12 7Z"/></svg>
            <strong>{{ number_format($donationsCount, 0, ',', ' ') }}</strong>
            <span>Dons publics disponibles</span>
        </article>
        <article>
            <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>
            <strong>{{ number_format($organizationsCount, 0, ',', ' ') }}</strong>
            <span>Organisations partenaires</span>
        </article>
        <article>
            <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M3 9h18l-1-5H4L3 9Zm1 0v11h16V9M9 20v-6h6v6M3 9a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0"/></svg>
            <strong>{{ number_format($offersCount, 0, ',', ' ') }}</strong>
            <span>Offres au catalogue solidaire</span>
        </article>
    </div>
</section>
@endsection