{{-- Decorative background layers, purely cosmetic (aria-hidden, no focus/click
     targets). Two independent layers compose here:
       1. An optional full-bleed TEXTURE (App\Enums\BackgroundTexture) — e.g. the
          watercolor wash — painted behind everything.
       2. The corner florals: the STYLE (App\Enums\BackgroundDesign) picks the
          artwork, the PLACEMENT (App\Enums\FloralPlacement) picks which corners.
          Line styles draw inline with `currentColor` so they track the palette;
          image styles use a file. Each corner is mirrored via CSS.
     The texture renders first so the corner florals sit on top of it. --}}
@php
    $settings = app(\App\Settings\WeddingSettings::class);
    $style = $settings->backgroundDesign();
    $corners = $settings->backgroundPlacement()->corners();
    $artwork = $style->artworkPath(); // null = inline line art, else a full asset path
    $washArtwork = $settings->backgroundTexture()->artworkPath(); // null = no full-bleed texture

    $lineBouquet = <<<'SVG'
<g fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M6 6 C42 22 66 50 90 86"/>
    <path d="M28 20 C24 32 26 42 35 49 C40 37 37 27 28 20"/>
    <path d="M54 42 C49 54 51 64 60 71 C65 59 62 49 54 42"/>
    <path d="M44 30 C56 27 65 32 70 41 C58 46 49 41 44 30"/>
    <path d="M70 58 C82 55 91 60 96 69 C84 74 75 69 70 58"/>
</g>
<g fill="currentColor">
    <g transform="translate(90 90)"><path d="M0 -2 C8 -11 18 -3 10 7 C18 16 4 20 0 9 C-4 20 -18 16 -10 7 C-18 -3 -8 -11 0 -2Z"/></g>
    <g transform="translate(62 66) scale(0.7)"><path d="M0 -2 C8 -11 18 -3 10 7 C18 16 4 20 0 9 C-4 20 -18 16 -10 7 C-18 -3 -8 -11 0 -2Z"/></g>
</g>
SVG;

    $minimalSprig = <<<'SVG'
<g fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M4 4 C30 26 48 52 64 88"/>
    <path d="M22 22 q-12 -4 -14 -18 q16 2 14 18"/>
    <path d="M38 42 q-12 -4 -14 -18 q16 2 14 18"/>
    <path d="M30 30 q12 -6 24 -2 q-6 14 -24 2"/>
</g>
SVG;
@endphp

{{-- Full-bleed texture layer (optional) — painted behind the corner florals. --}}
@if ($washArtwork)
    <div class="lg-bg-wash" aria-hidden="true">
        <img src="{{ asset($washArtwork) }}" alt="" loading="lazy" decoding="async">
    </div>
@endif

{{-- Corner floral layer — always rendered, on top of any texture. --}}
<div class="lg-corner-florals lg-corner-florals--{{ $style->value }}" aria-hidden="true">
    @foreach ($corners as $corner)
        @if ($artwork)
            <img class="lg-corner-florals__bouquet lg-corner-florals__bouquet--{{ $corner }}"
                 src="{{ asset($artwork) }}" alt="" loading="lazy" decoding="async">
        @else
            <svg class="lg-corner-florals__bouquet lg-corner-florals__bouquet--{{ $corner }}" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" focusable="false">{!! $style === \App\Enums\BackgroundDesign::Minimal ? $minimalSprig : $lineBouquet !!}</svg>
        @endif
    @endforeach
</div>