@php
$step = isset($step) ? $step : 1;
@endphp
<div class="steps mb-5 mt-5">
    <div>
        <picture class="roundLogo @if($step !== 1)grayed @endif">
            <img src="{{ asset('assets/images/caddie.png') }}" alt="{{ __('Caddie') }}">
        </picture>
        <h2>{{ __('Accueil') }}</h2>
        <div>
            {{ __('Achetez un produit Le Gaulois* et conservez votre ticket de caisse. Il vous sera demandé en cas de gain.') }}
        </div>
        <div class="blueArrow">
            <div class="line"></div>
            <div class="head"></div>
        </div>
    </div>
    <div>
        <picture class="roundLogo @if($step !== 1 and $step !== 2)grayed @endif">
            <img src="{{ asset('assets/images/ordi.png') }}" alt="{{ __('Ordinateur') }}">
        </picture>
        <h2>{{ __('Connexion / Inscription') }}</h2>
        <div>
            {{ __('Inscrivez-vous ou connectez-vous à votre compte Tous en selle et renseignez les informations demandées') }}
        </div>
        <div class="blueArrow">
            <div class="line"></div>
            <div class="head"></div>
        </div>
    </div>
    <div>
        <picture class="roundLogo @if($step !== 1 and $step !== 3)grayed @endif">
            <img src="{{ asset('assets/images/bravo.png') }}" alt="{{ __('Bravo') }}">
        </picture>
        <h2>{{ __('Révélation du gain') }}</h2>
        <div>
            {{ __('Découvrez immédiatement si vous avez gagné !') }}
        </div>
    </div>
</div>