@section('title', 'Kontak Admin')
<div>
    <div class="text-center mb-4">
        <h3 class="mb-2 fw-bold text-black">Ada Yang Bisa Kami Bantu ?</h3>
        <h5 class="mb-0">Silahkan menghubungi Admin jika Anda mengalami kendala atau ingin bertanya</h5>
    </div>
    <div class="row g-3">
        <div class="col-lg-4 col-12">
            <a class="text-decoration-none" href="{{ $system_setting_cached->phone ? 'https://wa.me/62' . $system_setting_cached->phone : 'javascript:void(0)' }}" @if($system_setting_cached->phone) target="_blank" @endif>
                <div class="card bg-label-success h-100">
                    <div class="card-body">
                        <div class="text-center">
                            <span class="fa-stack fa-2x mb-2">
                                <i class="fa-solid fa-square fa-stack-2x text-success"></i>
                                <i class="fab fa-whatsapp fa-stack-1x fa-inverse"></i>
                            </span>
                            <h4 class="mb-1 fw-semibold">WHATSAPP</h4>
                            <h5 class="mb-0">{{ $system_setting_cached->phone ? '+62'.$system_setting_cached->phone : '-' }}</h5>
                        </div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-lg-4 col-12">
            <a class="text-decoration-none" href="tel:{{ $system_setting_cached->fax }}" target="_blank">
                <div class="card bg-label-danger h-100">
                    <div class="card-body">
                        <div class="text-center">
                            <span class="fa-stack fa-2x mb-2">
                                <i class="fa-solid fa-square fa-stack-2x text-danger"></i>
                                <i class="fa-solid fa-phone fa-stack-1x fa-inverse"></i>
                            </span>
                            <h4 class="mb-1 fw-semibold">Telepon</h4>
                            <h5 class="mb-0">{{ $system_setting_cached->fax }}</h5>
                        </div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-lg-4 col-12">
            <a class="text-decoration-none" href="mailto:{{ $system_setting_cached->email }}">
                <div class="card bg-label-warning h-100">
                    <div class="card-body">
                        <div class="text-center">
                            <span class="fa-stack fa-2x mb-2">
                                <i class="fa-solid fa-square fa-stack-2x text-warning"></i>
                                <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
                            </span>
                            <h4 class="mb-1 fw-semibold">EMAIL</h4>
                            <h5 class="mb-0">{{ $system_setting_cached->email }}</h5>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>