@props(['size' => 44, 'variant' => 'full', 'dark' => false])
@php $id = 'cmDisc'.substr(md5($size.$variant.uniqid()), 0, 6); @endphp
<a href="{{ url('/') }}" class="brand" aria-label="CityMag, accueil">
    <svg class="brand-mark" style="width:{{ $size }}px;height:{{ $size }}px" viewBox="0 0 96 96" role="img" aria-hidden="true">
        <defs>
            <clipPath id="{{ $id }}"><path d="M22 56a26 26 0 0 0 52 0Z"/></clipPath>
        </defs>
        {{-- Anneau "C" --}}
        <path d="M77.5 27.4A36 36 0 1 0 77.5 68.6" fill="none"
              stroke="{{ $dark ? '#FFFFFF' : '#414042' }}" stroke-width="12"/>
        {{-- Ondes --}}
        <g transform="translate(48 50) scale(.88) translate(-48 -50)">
        <g fill="none" stroke="#F07C22" stroke-width="6.5" stroke-linecap="round">
            <path d="M24.4 43a26 26 0 0 1 47.2 0" opacity=".28"/>
            <path d="M30.8 46a19 19 0 0 1 34.4 0" opacity=".55"/>
            <path d="M37.1 48.9a12 12 0 0 1 21.8 0"/>
        </g>
        {{-- Ville --}}
        <g fill="#F07C22">
            <path d="M22 56a26 26 0 0 0 52 0Z"/>
            <rect x="27" y="47" width="7" height="9"/>
            <rect x="35" y="41" width="6" height="15"/>
            <path d="M42 33.5 50 29v27h-8Z"/>
            <rect x="51" y="44" width="6" height="12"/>
            <rect x="58" y="38" width="7" height="18"/>
            <rect x="66" y="48" width="5" height="8"/>
        </g>
        <g fill="#FFFFFF" clip-path="url(#{{ $id }})">
            <rect x="34" y="56" width="1.7" height="26"/>
            <rect x="41" y="56" width="1.7" height="26"/>
            <rect x="50" y="56" width="1.7" height="26"/>
            <rect x="57" y="56" width="1.7" height="26"/>
            <rect x="65" y="56" width="1.7" height="26"/>
        </g>
        </g>
    </svg>
    @if($variant === 'full')
        <span class="brand-text">
            <span class="brand-name" @if($dark) style="color:#fff" @endif>City<em>Mag</em></span>
            <span class="brand-tag">Annonces &middot; Annuaire &middot; Agenda</span>
        </span>
    @endif
</a>