<div class="widget">
    <h4 class="mb-2 ls-1 text-uppercase fw-bold">Kontak Kami</h4>
    <div class="line line-xs line-market"></div>
    <div class="row pt-0 gy-4">
        @forelse ($data as $res)
            <div class="col-3 text-center">
                <a href="{{ $res->url }}" target="_blank"
                   class="social-icon bg-dark float-none m-auto bg-{{ $res->platform == 'email' ? 'rss' : $res->platform }}">
                    <i>
                        <img src="{{ asset('socials/guest/' . $res->platform . '.svg') }}" width="20" height="20"
                             alt="Image" style="margin-bottom: 3px">
                    </i>
                    <i>
                        <img src="{{ asset('socials/guest/' . $res->platform . '.svg') }}" width="20" height="20"
                             alt="Image" style="margin-bottom: 3px">
                    </i>
                </a>
                <div class="mt-2 counter-inherit">
                    <span class="fw-normal" style="font-size: 10pt">{{ ucwords($res->platform) }}</span>
                </div>
            </div>
        @empty
            <span>Belum Ada Data</span>
        @endforelse
    </div>
</div>
