@extends('web.layouts.app')

@section('content')
    @php
        $contactSettings = app(\App\Settings\ContactSettings::class);
    @endphp
    <!-- Breadcrumb Area Start -->
    <div class="breadcrumb__area" style="background-image: url('/web/assets/img/page/breadcrumb.jpg');">
		<div class="container">
			<div class="row">
				<div class="col-xl-12">
					<div class="breadcrumb__area-content">
						<h2>{{ __('Contact Us') }}</h2>
						<ul>
							<li><a href="/">{{ __('Home') }}</a><i class="fa-regular fa-angle-right"></i></li>
							<li>{{ __('Contact Us') }}</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>       
    <!-- Breadcrumb Area End -->
    <!-- Contact Area Start -->
    <div class="contact__area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 lg-mb-25">
                    <div class="contact__area-left mr-40 xl-mr-0">
                        <div class="title">
                            <span class="subtitle wow fadeInLeft" data-wow-delay=".4s">{{ $contactSettings->contact_subtitle }}</span>
                            <h2 class="title_split_anim mb-25">{{ $contactSettings->contact_header }}</h2>
                            <p class="wow fadeInUp" data-wow-delay=".4s">{{ $contactSettings->contact_paragraph }}</p>
                        </div>
                        <div class="contact__area-left-contact wow fadeInUp" data-wow-delay=".7s">
                            <div class="contact__area-left-contact-item">
                                <div class="contact__area-left-contact-item-icon">
                                    <i class="flaticon-phone"></i>
                                </div>
                                <div class="contact__area-left-contact-item-content">
                                    <span>{{ __('Phone') }}:</span>
                                    <h6><a href="tel:{{ $contactSettings->phone_number }}">{{ $contactSettings->phone_number }}</a></h6>
                                </div>
                            </div>
                            <div class="contact__area-left-contact-item">
                                <div class="contact__area-left-contact-item-icon">
                                    <i class="flaticon-email-3"></i>
                                </div>
                                <div class="contact__area-left-contact-item-content">
                                    <span>{{ __('Email Address') }}:</span>
                                    <h6><a href="mailto:{{ $contactSettings->email_address }}">{{ $contactSettings->email_address }}</a></h6>
                                </div>
                            </div>
                            <div class="contact__area-left-contact-item">
                                <div class="contact__area-left-contact-item-icon">
                                    <i class="flaticon-location-1"></i>
                                </div>
                                <div class="contact__area-left-contact-item-content">
                                    <span>{{ __('Location') }}:</span>
                                    <h6><a href="https://google.com/maps" target="_blank">{{ $contactSettings->location_address }}</a></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 wow fadeInRight" data-wow-delay=".4s">
                    <div class="contact__area-form">
                        <h4>{{ __('Send Message') }}</h4>
                        <form action="#">
							<div class="row">
								<div class="col-md-6 mb-25">
									<div class="contact__form-area-item">
										<input type="text" name="name" placeholder="{{ __('Full Name') }}" required="required">
									</div>
								</div>
								<div class="col-md-6 md-mb-25">
									<div class="contact__form-area-item">
										<input type="email" name="email" placeholder="{{ __('Email Address') }}" required="required">
									</div>
								</div>
								<div class="col-md-12 mb-25">
									<div class="contact__form-area-item">
										<input type="text" name="subject" placeholder="{{ __('Subject') }}">
									</div>
								</div>
								<div class="col-md-12 mb-25">
									<div class="contact__form-area-item">
										<textarea name="message" placeholder="{{ __('Message') }}"></textarea>
									</div>
								</div>
								<div class="col-md-12">
									<div class="contact__form-area-item">
										<button class="build_button" type="submit">{{ __('Submit Message') }} <i class="flaticon-right-up"></i></button>
									</div>
								</div>
							</div>
						</form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Contact Area End -->
    <!-- Map Area Start -->
    <div class="map section-padding pt-0">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 wow fadeInUp" data-wow-delay=".4s">
                    <div class="map-area">
                        <iframe src="{{ $contactSettings->map_embed_url }}" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Ashgabat, Turkmenistan" aria-label="Ashgabat, Turkmenistan"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Map Area End -->
    @stop