@extends('frontend::layouts.master')

@section('title')

@section('style')

@endsection

@section('content')

<div class="breadcrumb text-center p-t-50">
  <div class="container">
    <ul class="bor-0">
      <li><a href="{{ mwz_route('frontend.index') }}"><i class="fa-solid fa-house"></i></a></li>
      <li><a href="/contact">@lang('frontend::lang.contact_info_1')</a></li>
    </ul>
  </div>
</div>
<section class="contact p-t-0">
  <div class="container">
    <div class="h-top-title text-center p-b-80">
      <h1>@lang('frontend::lang.contact_info_1')</h1>
    </div>
    <div class="row">
      <div class="col-md-6">
        <div class="contact-info">
          <h3>{{ !empty($data['contact']['name']) ? $data['contact']['name'] : "" }}</h3>
          <div class="col-md-6 p-0">
            <div class="address">
              <h4>@lang('frontend::lang.contact_info_2')</h4>
              <p>{{ !empty($data['contact']['address']) ? $data['contact']['address'] : "" }}</p>
              <div class="social-contact p-t-30">
                @if (!empty($data['contact']['facebook_url']))
                  <a href="{{ !empty($data['contact']['facebook_url']) ? $data['contact']['facebook_url'] : "#" }}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                @endif

                @if (!empty($data['contact']['line_url']))
                  <a href="{{ !empty($data['contact']['line_url']) ? $data['contact']['line_url'] : "#" }}" target="_blank"><i class="fa-brands fa-line"></i></a>
                @endif

                @if (!empty($data['contact']['youtube_url']))
                  <a href="{{ !empty($data['contact']['youtube_url']) ? $data['contact']['youtube_url'] : "#"}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
                @endif

                @if (!empty($data['contact']['instagram_url']))
                  <a href="{{ !empty($data['contact']['instagram_url']) ? $data['contact']['instagram_url'] : "#"}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                @endif
                
                @if (!empty($data['contact']['tiktok']))
                  <a href="{{ !empty($data['contact']['tiktok']) ? $data['contact']['tiktok'] : "#"}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
                @endif

                @if (!empty($data['contact']['shopee']))
                  <a href="{{ !empty($data['contact']['shopee']) ? $data['contact']['shopee'] : "#"}}" target="_blank"><img src="{{ Module::asset('frontend:img/shopee-ic.png') }}"></a>
                @endif
                
                @if (!empty($data['contact']['lazada']))
                  <a href="{{ !empty($data['contact']['lazada']) ? $data['contact']['lazada'] : "#"}}" target="_blank"><img src="{{ Module::asset('frontend:img/lazada-ic.png') }}"></a>
                @endif
              </div>
            </div>
          </div>

          <div class="col-md-6 p-0">
            <div class="address">
              <h4>@lang('frontend::lang.contact_info_3')</h4>
              <p class="m-0">@lang('frontend::lang.email') : <a href="mailto:{{ !empty($data['contact']['email']) ? $data['contact']['email'] : '' }}">{{ !empty($data['contact']['email']) ? $data['contact']['email'] : '' }}</a></p>
              <p class="m-0">@lang('frontend::lang.tel') : <a href="tel:{{ !empty($data['contact']['tel']) ? $data['contact']['tel'] : ''}}">{{ !empty($data['contact']['tel']) ? $data['contact']['tel'] : ''}}</a></p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        {{-- map  --}}
        {!!  !empty($data['contact']['google_map']) ? $data['contact']['google_map'] : '' !!}
      </div>
    </div>
  </div>
</section>

  @if (!empty($data['contact']['description']))
    <div class='col-12'>
      <section class="cooperate-with-us p-t-0">
        <div class="container">
            {!! !empty($data['contact']['description']) ? $data['contact']['description'] : "" !!}
        </div>
      </section>
    </div>
  @endif
@endsection

@section('script')

@endsection