@php
    $telpData = explode(',', $site['Telp']);
    $linkPhone = trim($telpData[0]);
    $phone = isset($telpData[1]) ? trim($telpData[1]) : trim($telpData[0]);

    $whatsappData = explode(',', $site['Whatsapp']);
    $linkWhatsapp = trim($whatsappData[0]);
    $whatsapp = isset($whatsappData[1]) ? trim($whatsappData[1]) : trim($whatsappData[0]);

    $telpUrl = filter_var($linkPhone, FILTER_VALIDATE_URL)
        ? $linkPhone
        : 'https://wa.me/62' .
            ltrim($phone, '0') .
            '?text=Web+' .
            $site['Name'] .
            '%3A+Halo+saya+ingin+meminta+info+rumah';
    $whatsappUrl = filter_var($linkWhatsapp, FILTER_VALIDATE_URL)
        ? $linkWhatsapp
        : 'https://wa.me/62' .
            ltrim($whatsapp, '0') .
            '?text=Web+' .
            $site['Name'] .
            '%3A+Halo+saya+ingin+meminta+info+rumah';
@endphp

<footer class="footer-wrap bg-dark">
    <div class="container pt-5 pb-12 pb-md-6">
        <div class="row gx-lg-0 gy-6">
            <div class="col-lg-6">
                <div class="widget">
                    <img class="mb-4" src="{{ $logo }}" srcset="{{ $logo }} 6x" alt=""
                        height="90" loading="lazy" />
                    <p class="mb-2 text-muted fs-15 fw-400">{{ $site['Description'] }}</p>
                    @if ($site['SiteId'] != 270)
                        <a href="https://cibi.co.id/" target="_blank" aria-label="Cibi">
                            <img class="mb-2" src="{{ asset('generate/assets-1/img/cibi_white.png') }}"
                                srcset="{{ asset('generate/assets-1/img/cibi_white.png') }} 2x" alt=""
                                height="70" loading="lazy" />
                        </a>
                    @endif
                </div>
            </div>

            <div class="col-lg-5 offset-lg-1 mb-7">
                <div class="widget">
                    <div class="d-flex flex-row">
                        <div class="row ms-0">
                            <h5 class="mb-5 text-light fs-23">Hubungi Kami</h5>
                            <span class="col-1 px-0"><i class="uil uil-phone"></i></span>
                            <p class="text-muted mb-2 fs-15 col-11 px-0 fw-400"> {{ $phone ? '0' . $phone : '' }} |
                                {{ $whatsapp ? '0' . $whatsapp : '' }}</p>
                            <span class="col-1 px-0"><i class="uil uil-map-marker"></i></span>
                            <address class="text-muted fs-15 col-11 px-0 mb-2"> {{ $site['Alamat'] }}</address>
                            <span class="col-1 px-0"><i class="uil uil-envelope-alt"></i></span>
                            <address class="text-muted fs-15 col-11 px-0 fw-400 mb-2">{{ $site['Email'] }}</address>

                            <p class="text-muted mb-1 fs-15 col-12 col-md-4 px-0 fw-400">Sosial Media Kami</p>
                            <span class="col-11 col-md-4 offset-md-0 offset-1 d-flex px-0">
                                <a href="{{ $site['Youtube'] }}"
                                    class="nav-link me-2 {{ empty($site['Youtube']) ? 'd-none' : '' }} " aria-label="Youtube">
                                    <i class="uil uil-youtube"></i>
                                </a>

                                <a href="{{ $site['Tiktok'] }}"
                                    class="nav-link me-2 {{ empty($site['Tiktok']) ? 'd-none' : '' }}" aria-label="Tiktok">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16"
                                        viewBox="0 0 448 512">
                                        <path fill="#aab0bc"
                                            d="M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z">
                                        </path>
                                    </svg>
                                </a>
                                <a href="{{ $site['Facebook'] }}"
                                    class="nav-link me-2 {{ empty($site['Facebook']) ? 'd-none' : '' }}" aria-label="Facebook"><i
                                        class="uil uil-facebook"></i></a>
                                <a href="{{ $site['Instagram'] }}"
                                    class="nav-link me-2 {{ empty($site['Instagram']) ? 'd-none' : '' }}" aria-label="Instagram"><i
                                        class="uil uil-instagram"></i></a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <hr class="mt-13 mt-md-14 mb-7" /> --}}
        <div class="d-md-flex align-items-center justify-content-between text-center">
            <p class="mb-9 mb-md-0 text-muted fs-15">© {{ date('Y') . ' ' . $site['Name'] }}.
                <a href="https://cibi.co.id" target="_blank">cibi.co.id</a>
            </p>
        </div>
    </div>
</footer>

<section class="sticky-footer">
    <div class="p-3">
        <div class="col-12 d-flex justify-content-center">
            <div class="dropdown">
                <button class="btn btn-sm btn-whatsapp" type="button" id="dropdownWhatsApp" data-bs-toggle="dropdown"
                    aria-expanded="false" aria-label="WhatsApp">
                    <i class="uil uil-whatsapp fs-40 text-white"></i>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownWhatsApp">
                    <li>
                        <a class="dropdown-item d-flex align-items-center" href="{{ $telpUrl }}" target="_blank">
                            <i class="uil uil-whatsapp me-2"></i>
                            {{ $phone ? '0' . $phone : '' }}
                        </a>
                    </li>
                    <li>
                        <a class="dropdown-item d-flex align-items-center" href="{{ $whatsappUrl }}" target="_blank">
                            <i class="uil uil-whatsapp me-2"></i>
                            {{ $whatsapp ? '0' . $whatsapp : '' }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>