@extends('layouts.app')
@section('content')
@php
$user = user();
@endphp
<!-- Contact Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
    <div class="container py-5 w-100">
        <div class="section-title text-center position-relative pb-3 mb-5 mx-auto max-w-600px">
            <h5 class="fw-bold text-primary text-uppercase">Contact Us</h5>
            <p class="mb-0 h1">If You Have Any Query, Feel Free To Contact Us</p>
        </div>
        <div class="row g-2 mb-5">
            <div class="col-lg-4">
                <div class="row align-items-center wow fadeIn" data-wow-delay="0.1s">
                    <div class="col-sm-2">
                        <a href="tel:{{$user->settings['phone']}}" class="text-decoration-none">
                            <div class="bg-primary  d-flex align-items-center justify-content-center rounded w-60px h-60px">
                                <i class="fa fa-phone-alt text-white"></i>
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-10">
                        <h6 class="mb-2">Call to ask any question</h6>
                        <h5 class="text-primary mb-0">
                            <a href="tel:{{$user->settings['phone']}}" class="text-decoration-none">{{$user->settings['phone']}}</a>
                        </h5>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="row align-items-center wow fadeIn" data-wow-delay="0.4s">
                    <div class="col-sm-2">
                        <a href="mailto:{{$user->settings['email']}}" class="text-decoration-none">
                            <div class="bg-primary  d-flex align-items-center justify-content-center rounded w-60px h-60px">
                                <i class="fa fa-envelope-open text-white"></i>
                            </div>
                        </a>
                    </div>

                    <div class="col-sm-10">
                        <h6 class="mb-2">Email to get free quote</h6>
                        <h5 class="text-primary mb-0">
                            <a href="mailto:{{$user->settings['email']}}" class="text-decoration-none text-break">{{$user->settings['email']}}</a>
                        </h5>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="row align-items-center wow fadeIn" data-wow-delay="0.8s">
                    <div class="col-sm-2">
                        <div class="bg-primary d-flex align-items-center justify-content-center rounded w-60px h-60px">
                            <i class="fa fa-map-marker-alt text-white"></i>
                        </div>
                    </div>
                    <div class="col-sm-10 text-wrap">
                        <h6 class="mb-2">Visit our office</h6>
                        <h5 class="text-primary mb-0 text-break">
                            {{$user->settings['address']}}
                        </h5>
                    </div>
                </div>
            </div>
        </div>
        <div class="row align-items-center g-5">
            <div class="col-lg-6 wow slideInUp" id="contact-form" data-wow-delay="0.3s">
            </div>
            <div class="col-lg-6 wow slideInUp" data-wow-delay="0.6s">
                <iframe class="position-relative rounded w-100 h-100"
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d35111.72957751668!2d76.62572513453979!3d8.845135642859727!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b05e4b5aeea220f%3A0xc6397d9b87db668e!2sMayyanad%2C%20Kerala!5e1!3m2!1sen!2sin!4v1749985780713!5m2!1sen!2sin"
                    style="min-height: 350px; border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </div>
</div>
<!-- Contact End -->
@endsection