@php
    $c = $card;
    $sec = fn (string $k): bool => \App\Support\CardCustomization::sectionEnabled($custom ?? [], $k);
    $lay = $custom['layout'] ?? [];
    $frontOrder = \App\Support\CardCustomization::orderedBlocks($custom ?? [], 'front', 'id');
    $orderMap = \App\Support\CardCustomization::orderMap($frontOrder);
@endphp
<div class="id-card id-card--ngo card-blocks logo-pos-{{ $lay['logo_position'] ?? 'top-left' }} photo-pos-{{ $lay['photo_position'] ?? 'center' }} photo-shape-{{ $lay['photo_shape'] ?? 'rect' }}">
    @foreach($frontOrder as $block)
        @switch($block)
            @case('head')
                @if($sec('show_logo') || $sec('show_org_name') || $sec('show_org_motto'))
                    <div class="id-ngo__head card-block" style="order: {{ $orderMap['head'] ?? 0 }}">
                        @if($sec('show_logo'))
                            <img class="id-ngo__logo" src="{{ $c['org_logo'] }}" alt="">
                        @endif
                        <div class="id-ngo__org">
                            @if($sec('show_org_motto') && $c['org_motto'])
                                <div class="id-ngo__org-bn">{{ $c['org_motto'] }}</div>
                            @endif
                            @if($sec('show_org_name'))
                                <div class="id-ngo__org-en">{{ $c['org_name'] }}</div>
                            @endif
                        </div>
                    </div>
                @endif
                @break
            @case('photo')
                @if($sec('show_photo'))
                    <div class="id-ngo__photo-box card-block" style="order: {{ $orderMap['photo'] ?? 1 }}">
                        <img class="id-ngo__photo" src="{{ $c['photo_url'] }}" alt="{{ $c['name'] }}">
                    </div>
                @endif
                @break
            @case('identity')
                @if($sec('show_name') || $sec('show_designation'))
                    <div class="id-ngo__identity card-block" style="order: {{ $orderMap['identity'] ?? 2 }}">
                        @if($sec('show_name'))
                            <div class="id-ngo__name">{{ $c['name'] }}</div>
                        @endif
                        @if($sec('show_designation'))
                            <div class="id-ngo__designation">{{ $c['designation'] }}</div>
                        @endif
                    </div>
                @endif
                @break
            @case('signatures')
                <div class="card-block" style="order: {{ $orderMap['signatures'] ?? 3 }}">
                    @include('cards.partials.signatures', ['class' => 'id-ngo__sign'])
                </div>
                @break
            @case('meta')
                @if($sec('show_sid') || $sec('show_phone') || $sec('show_email'))
                    <div class="id-ngo__meta card-block" style="order: {{ $orderMap['meta'] ?? 4 }}">
                        @if($sec('show_sid'))<span>{{ $c['sid'] }}</span>@endif
                        @if($sec('show_phone'))<span>{{ $c['phone'] }}</span>@endif
                        @if($sec('show_email'))<span>{{ $c['email'] }}</span>@endif
                    </div>
                @endif
                @break
            @case('barcode')
                @if($sec('show_barcode'))
                    <div class="id-ngo__barcode card-block" style="order: {{ $orderMap['barcode'] ?? 5 }}">
                        ||||| {{ $c['sid'] }} |||||
                    </div>
                @endif
                @break
        @endswitch
    @endforeach
</div>