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

@section('content')
    @php
        $breadcrumbs = [
            [
                'title' => $menu_index['name'] ?? '',
                'url' => $menu_index['url'] ?? 'javascript:void(0)',
            ],
            [
                'title' => $menu_contact['name'] ?? '',
                'url' => $menu_contact['url'] ?? 'javascript:void(0)',
            ],
        ];
        $contact = $page_init['contact'] ?? [];
    @endphp
    <x-frontend::section.breadcrumb :breadcrumbs="$breadcrumbs" />
    <div class="container">
        <div class="col-md-10 center">
            <div class="heading-text heading-gradient text-center mt-5">
                <h2 class="text-xs text-color"><span>{{ $menu_contact['name'] ?? '' }}</span></h2>
                <p>{{ $contact['desc'] ?? '' }}</p>
            </div>
        </div>
    </div>
    <section class="sect-contact-address">
        <div class="container">
            <div class="row">
                @if (!empty($contact['office']))
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                        <div class="icon-box text-center effect border color">
                            <div class="icon">
                                <a href="javascript:void(0)">
                                    <i class="fa fa-map-marker"></i>
                                </a>
                            </div>
                            <h5>{{ __('frontend::lang.contact.location') }}</h5>
                            <p class="lead">{{ $contact['office'] ?? '' }}</p>
                        </div>
                    </div>
                @endif
                @if (!empty($contact['tel']) || !empty($contact['mobile'][0]))
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                        <div class="icon-box text-center effect border color">
                            <div class="icon">
                                <a href="javascript:void(0)">
                                    <i class="fa fa-phone"></i>
                                </a>
                            </div>
                            <h5>{{ __('frontend::lang.contact.call_us') }}</h5>
                            <p class="lead m-b-0 m-t-0">
                            <div class="row">
                                <div class="col-md-4 text-white">
                                    {{ __('frontend::lang.footer.tel') }} :
                                </div>
                                <div class="col-md-6 text-left">
                                    <a href="tel:{{ $contact['tel'] }}">{{ $contact['tel'] }}</a>
                                </div>
                            </div>
                            @foreach ($contact['mobile'] as $m)
                                @if (!empty($m))
                                    <div class="row">
                                        <div class="col-md-4"></div>
                                        <div class="col-md-6 text-left">
                                            <a href="tel:{{ $m }}">{{ $m }}</a>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                            @if (!empty($contact['fax']))
                                <div class="row">
                                    <div class="col-md-4 text-white">
                                        {{ __('frontend::lang.footer.fax') }} :
                                    </div>
                                    <div class="col-md-6 text-left">
                                        <a href="tel:{{ $contact['fax'] }}">{{ $contact['fax'] }}</a>
                                    </div>
                                </div>
                            @endif
                            </p>
                        </div>
                    </div>
                @endif
                @if (!empty($contact['email']))
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                        <div class="icon-box text-center effect border color">
                            <div class="icon">
                                <a href="javascript:void(0)">
                                    <i class="fa fa-envelope"></i>
                                </a>
                            </div>
                            <h5>{{ __('frontend::lang.contact.email_us') }}</h5>
                            <p class="lead">
                                <a href="mailto:{{ $contact['email'] }}">
                                    {{ $contact['email'] }}
                                </a>
                            </p>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </section>
    <section class="sect-contact">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                    @if (!empty($contact['image']))
                        <div class="contact-form-container">
                            <img class="img-responsive" src="{{ asset($contact['image']) }}" alt="{{ $menu_contact['name'] ?? '' }}">
                        </div>
                    @endif
                </div>
                <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
                    <div class="contact-info">
                        <div class="logo-contact-info">
                            <div class="company-name">
                                <img class="logo-footer" src="{{ asset($page_init['setting']['logo']['header']) }}" alt="{{ $contact['name'] ?? '' }}">
                                <h4 class="company-name-title">{{ $contact['name'] ?? '' }}</h4>
                            </div>
                            @if (!empty($contact['office']))
                                <address>
                                    {{ $contact['office'] ?? '' }}
                                </address>
                            @endif

                            <ul class="list list-contact m-b-0">
                                @if (!empty($contact['tel']))
                                    <li>
                                        <a href="tel:{{ $contact['tel'] }}">
                                            <strong>{{ __('frontend::lang.footer.tel') }} :</strong>
                                            {{ $contact['tel'] }}
                                        </a>
                                    </li>
                                @endif
                                @if (!empty($contact['fax']))
                                    <li>
                                        <a href="tel:{{ $contact['fax'] }}">
                                            <strong>{{ __('frontend::lang.footer.fax') }} :</strong>
                                            {{ $contact['fax'] }}
                                        </a>
                                    </li>
                                @endif
                                @if (!empty($contact['email']))
                                    <li>
                                        <a href="mailto:{{ $contact['email'] }}">
                                            <strong>{{ __('frontend::lang.footer.email') }} :</strong>
                                            {{ $contact['email'] }}
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </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