@extends('frontend::layouts.master')
@section('content')
    <x-frontend::breadcrumb.default :items="$breadcrumbs" />
    <div class="container">
        <div class="col-md-10 center">
            <div class="heading-text text-center mt-5">
                <h2 class="text-xs">
                    <span>{!! end($breadcrumbs)['name'] ?? '' !!}</span>
                </h2>
                <p>{!! $contact['desc'] ?? '' !!}</p>
            </div>
        </div>
    </div>
    <!-- Contact Section -->
    <section class="sect-contact-address">
        <div class="container">
            <div class="row">
                <div class="row">
                    @if (!empty($contact['office']))
                        <div class="col-lg-4">
                            <div class="icon-box text-center effect border color">
                                <div class="icon">
                                    <a href="#"><i class="fa fa-map-marker"></i></a>
                                </div>
                                <h5>{{ __('frontend::text.contact.location') }}</h5>
                                <p class="lead"><a href="#" target="_blank">{!! $contact['office'] ?? '' !!}</a></p>
                            </div>
                        </div>
                    @endif

                    @if (!empty($contact['tel']) && !empty($contact['fax']))
                        <div class="col-lg-4">
                            <div class="icon-box text-center effect border color">
                                <div class="icon">
                                    <a href="#"><i class="fa fa-phone"></i></a>
                                </div>
                                <h5>{{ __('frontend::text.contact.call_us') }}</h5>
                                @if (!empty($page_init['contact']['tel']))
                                    @foreach ($page_init['contact']['tel'] as $key => $item)
                                        @if (!empty($item))
                                            @php
                                                // นับจำนวนตัวเลขในเบอร์โทรศัพท์ (ไม่นับเครื่องหมาย - และ space)
                                                $digitCount = strlen(preg_replace('/[^0-9]/', '', $item));
                                                $marginRight = $digitCount < 10 ? '8px' : '0px';
                                            @endphp
                                            <p class="lead mb-0 mt-0">
                                                @if($key == 0)
                                                    {!! __('frontend::text.contact.tel_' . ($key > 0 ? 1 : 0)) !!}
                                                    <a href="tel:{{ $item }}">{{ $item }}</a>
                                                @else
                                                    <span style="">{!! __('frontend::text.contact.tel_' . ($key > 0 ? 1 : 0)) !!}</span>
                                                    <span style="margin-right: {{ $marginRight }}; margin-left: 50px;"><a href="tel:{{ $item }}">{{ $item }}</a></span>
                                                @endif
                                            </p>
                                        @endif
                                    @endforeach
                                @endif
                                <p class="lead">
                                    {{ __('frontend::text.contact.fax') }}
                                    <a href="tel:{{ $contact['fax'] ?? '' }}">{{ $contact['fax'] ?? '' }}</a>
                                </p>
                            </div>
                        </div>
                    @endif

                    @if (!empty($contact['email']))
                        <div class="col-lg-4">
                            <div class="icon-box text-center effect border color">
                                <div class="icon">
                                    <a href="#"><i class="fa fa-envelope"></i></a>
                                </div>
                                <h5>{{ __('frontend::text.contact.email_us') }}</h5>
                                <p class="lead">
                                    <a href="mailto:{{ $contact['email'] }}">{{ $contact['email'] }}</a>
                                </p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
    <section class="sect-contact">
        <div class="container">
            <div class="row">
                <!-- Contact Form -->
                <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                    <div class="contact-form-container">
                        @if (!empty($contact['image']))
                            <img src="{{ $contact['image'] }}" alt="" class="img-responsive">
                        @endif
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
                    <div class="contact-info">
                        <div class="logo-contact-info">
                            @if (!empty($page_init['setting']['logo']['header']))
                                <div class="company-name">
                                    <img src="{{ $page_init['setting']['logo']['header'] }}" alt="" class="logo-footer">
                                </div>
                            @endif

                            <h4 class="company-name-title">{!! $contact['name'] ?? '' !!}</h4>
                            <address>
                                {!! $contact['office'] ?? '' !!}
                            </address>

                            <ul class="list list-contact m-b-0">
                                @if (!empty($page_init['contact']['tel']))
                                    @foreach ($page_init['contact']['tel'] as $key => $item)
                                        @if (!empty($item))
                                            <li>
                                                <a style="margin-bottom: -15px !important; {{ $key > 0 ? 'margin-left: 40px;' : '' }} {{ $key > 0 ? 'pl-5 pt-0' : '' }}"
                                                    href="tel:{{ $item }}">
                                                    <strong>{!! __('frontend::text.contact.tel_' . ($key > 0 ? 1 : 0)) !!}</strong> {{ $item }}
                                                </a>
                                            </li>
                                        @endif
                                    @endforeach
                                @endif
                                @if (!empty($contact['fax']))
                                    <li>
                                        <a href="tel:{{ $contact['fax'] }}">
                                            <strong>{{ __('frontend::text.contact.fax') }}</strong> {{ $contact['fax'] }}
                                        </a>
                                    </li>
                                @endif
                                @if (!empty($contact['email']))
                                    <li style="margin-left: 8px;">
                                        <a href="mailto:{{ $contact['email'] }}">
                                            <strong>{{ __('frontend::text.contact.email') }}</strong> : {{ $contact['email'] }}
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Google Maps Section -->
    @if (!empty($contact['gmap']))
        <section class="sect-map">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding">
                        <div class="map-container">
                            <div class="map-wrapper">
                                {!! $contact['gmap'] ?? '' !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection