@extends('layouts.webpage.main_two')

@section('page-title', 'Contact')

@section('content')

      <section class="hero-section about-ban"  style="background-image: url('{{asset('uploads/contact.png')}}')">
        <div class="hero-content about-inner">
            <h6 class="about-title "><img src="{{asset('assets/img/prod-banner.svg')}}"> Contact</h6>
            <h1 class=" fw-bold service-title">Contact</h1>
            <!-- <a href="#" class="btn main-butn mt-4">View Projects</a> -->
        </div>
    </section>


    <div data-aos="fade-up">
        <section class="contact">
            <div class="container text-center">
                <h2 class="main-title">Get In Touch With Us</h2>

                <div class="row pt-4 text-start">

                    @foreach($address as $item)
                        <div class="col-md-6 col-lg-4 mb-4">
                            <div class="office-card h-100">

                                @if($item->flag)
                                    <img src="{{ asset('uploads/addresses/flag/' . $item->flag) }}" class="office-flag">
                                @endif

                                <h6>{{ $item->name }}</h6>

                                <p>{{ $item->address }}</p>

                                @if($item->phone)
                                    <p><strong>Phone:</strong> {{ $item->phone }}</p>
                                @endif

                                @if($item->fax)
                                    <p><strong>Fax:</strong> {{ $item->fax }}</p>
                                @endif

                                @if($item->email)
                                    <p><strong>Email:</strong> {{ $item->email }}</p>
                                @endif

                                @if($item->map_link)
                                    <a href="{{ $item->map_link }}" target="_blank" class="get-direction">Get Direction →</a>
                                @endif
                            </div>
                        </div>
                    @endforeach

                </div>

            </div>
        </section>
    </div>




@endsection