@props(['slug'])

{{-- Drapeaux SVG structurels, sélectionnés par terr_slug. --}}
@switch($slug)
    @case('maurice')
        <svg viewBox="0 0 4 3" class="w-full h-full" xmlns="http://www.w3.org/2000/svg">
            <rect width="4" height="0.75" fill="#EA2839"></rect>
            <rect y="0.75" width="4" height="0.75" fill="#1A206D"></rect>
            <rect y="1.5" width="4" height="0.75" fill="#F5A200"></rect>
            <rect y="2.25" width="4" height="0.75" fill="#00A551"></rect>
        </svg>
        @break

    @case('seychelles')
        <svg viewBox="0 0 20 12" class="w-full h-full">
            <polygon fill="#003F87" points="0,0 8,0 0,12"/>
            <polygon fill="#FCD116" points="0,12 8,0 13,0 3,12"/>
            <polygon fill="#D62828" points="3,12 13,0 18,0 8,12"/>
            <polygon fill="#FFFFFF" points="8,12 18,0 20,2 12,12"/>
            <polygon fill="#007A3D" points="12,12 20,2 20,12"/>
        </svg>
        @break

    @case('reunion')
    @case('mayotte')
        <svg viewBox="0 0 3 2" class="w-full h-full">
            <rect width="1" height="2" fill="#0055A4"/>
            <rect x="1" width="1" height="2" fill="#FFFFFF"/>
            <rect x="2" width="1" height="2" fill="#EF4135"/>
        </svg>
        @break

    @case('madagascar')
        <svg viewBox="0 0 3 2" class="w-full h-full">
            <rect width="1" height="2" fill="#FFFFFF"/>
            <rect x="1" width="2" height="1" fill="#FC3D32"/>
            <rect x="1" y="1" width="2" height="1" fill="#007E3A"/>
        </svg>
        @break

    @case('comores')
        <svg viewBox="0 0 4 3" class="w-full h-full">
            <rect width="4" height="0.75" fill="#FFD100"/>
            <rect y="0.75" width="4" height="0.75" fill="#FFFFFF"/>
            <rect y="1.5" width="4" height="0.75" fill="#D21034"/>
            <rect y="2.25" width="4" height="0.75" fill="#003DA5"/>
            <polygon points="0,0 1.6,1.5 0,3" fill="#239E46"/>
        </svg>
        @break
@endswitch