@extends('web.layouts.app')

@section('content')
<div class="inner-banner">
    <div class="inner-banner-wrap">
        @if($contact_banner)
        @php
        $thumbnail_url = $contact_banner->getFirstMediaUrl('contact-banner-image');
        @endphp
        @if($thumbnail_url)
        <img src="{{ $thumbnail_url }}" alt="">
        @else
        <img src="{{ asset('web/assets/images/contact-banner.png') }}" alt="">
        @endif
        @endif
        <div class="desc">
            <div class="cus-container">
                <div class="text text-center">
                    <h1>Contact Us</h1>
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li>Contact Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contact-sec">
    <div class="container">
        <div class="top-sec">
            <div class="row">
                <div class="col-md-4 col-sm-12">
                    <div class="contact-box">
                        <div class="icon">
                            <i class="fa fa-map-marker"></i>
                        </div>
                        <div class="text">
                            @php
                            $office_addr = get_cms_contact('office-address');
                            @endphp
                            <h3>{{ $office_addr->name ?? '' }}</h3>
                            <p>{{ $office_addr->value ?? '' }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="contact-box">
                        <div class="icon">
                            <i class="fa fa-envelope"></i>
                        </div>
                        <div class="text">
                            @php
                            $email_addr = get_cms_contact('email-address');
                            @endphp
                            <h3>{{ $email_addr->name ?? '' }}</h3>
                            <a href="mailto:{{ $email_addr->value ?? '' }}">{{ $email_addr->value ?? '' }}</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="contact-box">
                        <div class="icon">
                            <i class="fa fa-phone"></i>
                        </div>
                        <div class="text">
                            @php
                            $tele = get_cms_contact('telephone');
                            @endphp
                            <h3>{{ $tele->name ?? '' }}</h3>
                            <a href="tel:{{ $tele->value ?? '' }}">{{ $tele->value ?? '' }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-sec">
            <div class="row">
                <div class="col-lg-7 col-md-6 col-sm-12">
                    <div class="map-box">
                        @php
                        $map = get_cms_contact('map');                        
                        @endphp

                        {{-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d317201.4089283565!2d-0.2347277625183494!3d51.60239650214374!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604b900d26973%3A0x4291f3172409ea92!2slastminute.com%20London%20Eye!5e0!3m2!1sen!2sin!4v1679470101865!5m2!1sen!2sin" width="" height="" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> --}}
                        
                        @if(\Str::contains($map->value, 'iframe'))
                            {!! $map->value !!} 
                        @else
                            <iframe src="{{ $map->value }}" width="" height="" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        @endif
                    </div>
                </div>
                <div class="col-lg-5 col-md-6 col-sm-12">
                    @include('web.page.contact.form')
                </div>
            </div>

        </div>
    </div>
</div>
@endsection

@push('page_script_footer')
@include('web.page.contact.script')
@endpush