{{-- Store Welcome Banner --}}
@php
    $store     = auth()->user()->store;
    $storeName = $store?->name ?? 'My Store';
@endphp

<div style="
    background: linear-gradient(135deg, #7707cc 0%, #8b1cf5 40%, #a855f7 70%, #d9ea28 120%);
    border-radius: 20px;
    padding: 28px 32px;
    box-shadow: 0 8px 40px rgba(119,7,204,0.30);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
">
    {{-- Left: welcome text + store name + date --}}
    <div>
        <p style="color:rgba(255,255,255,0.75); font-size:0.85rem; margin:0 0 4px 0; letter-spacing:0.5px;">
            Welcome back 👋
        </p>
        <h1 style="color:#ffffff; font-size:2rem; font-weight:900; margin:0 0 6px 0; line-height:1.1;">
            {{ $storeName }}
        </h1>
        <p style="color:rgba(255,255,255,0.65); font-size:0.82rem; margin:0;">
            {{ now()->format('l, d F Y') }}
        </p>
    </div>

    {{-- Right: store icon/emoji --}}
    <div style="
        width: 72px; height: 72px;
        background: rgba(255,255,255,0.15);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.2rem;
        backdrop-filter: blur(4px);
    ">
        🏪
    </div>
</div>