{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: bank-mark.blade.php
------------------------------------------------------
Use: A bank's logo tile. Renders the self-hosted image
     when one has been dropped into public/images/banks,
     and the generic glyph when it has not.
=====================================================
--}}

@props(['account', 'onDark' => false])

@php
    $logo = \App\Support\BankDirectory::logo($account->bank_key);
@endphp

<span @class([
    'flex size-[38px] shrink-0 items-center justify-center overflow-hidden rounded-[10px]',
    'bg-white text-primary-600' => $onDark,
    'border border-line bg-page text-primary-600' => ! $onDark,
])>
    @if ($logo !== null)
        <img src="{{ $logo }}" alt="{{ $account->bankName() }}" class="size-full object-contain p-1">
    @else
        <svg class="size-[22px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10 12 4l8 6"/><path d="M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18"/></svg>
    @endif
</span>