@extends('layouts.app')

@section('content')
    <!-- bradcam_area -->
    <div class="bradcam_area bradcam_bg_1">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="bradcam_text text-center">
                        <h3>Contact Us</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ bradcam_area -->

    <section class="contact-section">
        <div class="container">

            {{-- MAPS --}}
            @if ($Contact && $Contact->maps_embed)
                <div class="mb-5 pb-4">
                    <div class="map-responsive">
                        {!! $Contact->maps_embed !!}
                    </div>
                </div>
            @endif

            <div class="row text-center">

                {{-- COMPANY --}}
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="contact-info-item">
                        <span class="contact-info-icon">
                            <span class="contact-info__icon"><i class="ti-home"></i></span>
                        </span>
                        <h3>{{ $Contact->name_company }}</h3>
                        <p>{!! $Contact->address !!}</p>
                    </div>
                </div>

                {{-- PHONE --}}
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="contact-info-item">
                        <span class="contact-info-icon">
                            <span class="contact-info__icon"><i class="ti-tablet"></i></span>
                        </span>
                        <h3>{{ $Contact->phone }}</h3>
                        <p>Mon to Fri 9am – 6pm</p>
                    </div>
                </div>

                {{-- EMAIL --}}
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="contact-info-item">
                        <span class="contact-info-icon">
                            <span class="contact-info__icon"><i class="ti-email"></i></span>
                        </span>
                        <h3>{{ $Contact->email }}</h3>
                        <p>Email us anytime</p>
                    </div>
                </div>

            </div>

        </div>
    </section>
@endsection