<?php
use App\Models\Contacts;
use App\Models\Setting;

$setting = Setting::first();
$contacts = Contacts::first();
?>
@extends('layouts.main')
@section('isMobile')
<div class="content my01">
<div class="container contact-us">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="mt-4">Hubungi kami</h1>
        <p class="fs-lg">Spesialis Dukungan Pelanggan tersedia setiap hari selama 24 jam.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <div class="bg-1 fs-lg">
                                                           
              <a class="btn dis_flex" href="#">
                <span class="icon-txt fs-xxl">
                  <i class="icon-phone"></i>
                </span>
                <span>{{ $contacts->telp }}</span>
              </a>
           
              <a class="btn dis_flex" href="{{ $contacts->whatsapp }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-whatsapp"></i>
                </span>
                <span>WhatsApp</span>
              </a>
           
              <a class="btn dis_flex" href="{{ $contacts->facebook }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-facebook"></i>
                </span>
                <span>Facebook</span>
              </a>
           
              <a class="btn dis_flex" href="{{ $contacts->twitter }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-twitter"></i>
                </span>
                <span>Twitter</span>
              </a>
 
              <a class="btn dis_flex" href="{{ $contacts->instagram }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-instagram"></i>
                </span>
                <span>Instagram</span>
              </a>
           
                                              
              <a class="btn dis_flex" href="{{ $contacts->google }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-chrome"></i>
                </span>
                <span>Google</span>
              </a>
           

              <a class="btn dis_flex" href="{{ $contacts->telegram }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-telegram"></i>
                </span>
                <span>{{ $setting->nama_web }}</span>
              </a>
           
                                           
                                    </div>
    </div>
  </div>
</div>
 

                  </div>
@endsection
@section('isDesktop')
<div class="content my01">
<div class="container contact-us">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="mt-4">Hubungi kami</h1>
        <p class="fs-lg">Spesialis Dukungan Pelanggan tersedia setiap hari selama 24 jam.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <div class="bg-1 fs-lg">
                                                           
              <a class="btn dis_flex" href="#">
                <span class="icon-txt fs-xxl">
                  <i class="icon-phone"></i>
                </span>
                <span>{{ $contacts->telp }}</span>
              </a>
           
              <a class="btn dis_flex" href="{{ $contacts->whatsapp }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-whatsapp"></i>
                </span>
                <span>WhatsApp</span>
              </a>
           
              <a class="btn dis_flex" href="{{ $contacts->facebook }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-facebook"></i>
                </span>
                <span>Facebook</span>
              </a>
           
              <a class="btn dis_flex" href="{{ $contacts->twitter }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-twitter"></i>
                </span>
                <span>Twitter</span>
              </a>
 
              <a class="btn dis_flex" href="{{ $contacts->instagram }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-instagram"></i>
                </span>
                <span>Instagram</span>
              </a>
           
                                              
              <a class="btn dis_flex" href="{{ $contacts->google }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-chrome"></i>
                </span>
                <span>Google</span>
              </a>
           

              <a class="btn dis_flex" href="{{ $contacts->telegram }}">
                <span class="icon-txt fs-xxl">
                  <i class="icon-telegram"></i>
                </span>
                <span>{{ $setting->nama_web }}</span>
              </a>
           
                                           
                                    </div>
    </div>
  </div>
</div>
 

                  </div>
@endsection