@php
    /** @var \V2\Modules\Conexoes\UnidadeRegional\Models\UnidadeRegional $unidade */
    $socialIconMap = [
        'instagram' => 'bi-instagram',
        'linkedin'  => 'bi-linkedin',
        'facebook'  => 'bi-facebook',
        'twitter'   => 'bi-twitter-x',
        'youtube'   => 'bi-youtube',
        'whatsapp'  => 'bi-whatsapp',
        'telegram'  => 'bi-telegram',
    ];
    $socialLabelMap = [
        'instagram' => 'Instagram',
        'linkedin'  => 'LinkedIn',
        'facebook'  => 'Facebook',
        'twitter'   => 'Twitter / X',
        'youtube'   => 'YouTube',
        'whatsapp'  => 'WhatsApp',
        'telegram'  => 'Telegram',
    ];
@endphp

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white fw-bold text-primary">
        <i class="bi bi-info-circle me-1 text-primary" aria-hidden="true"></i> Informações
    </div>
    <div class="card-body">
        <dl class="mb-0">
            @if($unidade->acronym)
                <dt class="small text-muted">Sigla</dt>
                <dd class="mb-3">{{ $unidade->acronym }}</dd>
            @endif
            @if($unidade->state)
                <dt class="small text-muted">UF</dt>
                <dd class="mb-3">{{ $unidade->state }}</dd>
            @endif
            @if($unidade->city)
                <dt class="small text-muted">Cidade</dt>
                <dd class="mb-3">{{ $unidade->city }}</dd>
            @endif
            @if($unidade->address)
                <dt class="small text-muted">Endereço</dt>
                <dd class="mb-3">{{ $unidade->address }}</dd>
            @endif
            @if($unidade->phone)
                <dt class="small text-muted">Telefone</dt>
                <dd class="mb-3">
                    <a href="tel:{{ $unidade->phone }}" class="text-decoration-none">{{ $unidade->phone }}</a>
                </dd>
            @endif
            @if($unidade->email)
                <dt class="small text-muted">E-mail</dt>
                <dd class="mb-3">
                    <a href="mailto:{{ $unidade->email }}" class="text-decoration-none">{{ $unidade->email }}</a>
                </dd>
            @endif
            @if(!empty($unidade->site_url))
                <dt class="small text-muted">Site</dt>
                <dd class="mb-3">
                    <a href="{{ $unidade->site_url }}" target="_blank" rel="noopener noreferrer"
                       class="text-decoration-none"
                       aria-label="Visitar site — abre em nova aba">
                        <i class="bi bi-box-arrow-up-right me-1" aria-hidden="true"></i> Visitar site
                    </a>
                </dd>
            @endif
            @if(!empty($orderedSocialMedia))
                <dt class="small text-muted">Redes Sociais</dt>
                <dd class="mb-0">
                    <div class="d-flex gap-2 flex-wrap">
                        @foreach($orderedSocialMedia as $item)
                            @php
                                $icon = $socialIconMap[$item['network']] ?? 'bi-link-45deg';
                                $label = $socialLabelMap[$item['network']] ?? ucfirst($item['network']);
                            @endphp
                            <a href="{{ $item['url'] }}" target="_blank" rel="noopener noreferrer"
                               class="btn btn-sm rounded-circle d-inline-flex align-items-center justify-content-center"
                               style="width:36px;height:36px;background: var(--tenant-primary);color: var(--color-bg-main);"
                               title="{{ $label }}" aria-label="{{ $label }} — abre em nova aba">
                                <i class="bi {{ $icon }}" aria-hidden="true"></i>
                            </a>
                        @endforeach
                    </div>
                </dd>
            @endif
        </dl>
    </div>
</div>