@extends('frontend.frontend_layout')
@section('contact-menu') current @endsection
@section('content')
<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset($pageBanner->contact_page_banner) }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><span>/</span></li>
                <li>Contact</li>
            </ul>
            <h2>Contact</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Google Map Start-->
<section class="google-map-two">
    <div class="container">
        <div class="google-map-two__box">
            {!! $websiteSetting->google_map !!}
        </div>
        <div class="google-map-two__bottom">
            <ul class="google-map-two__bottom-list list-unstyled">
                <li>
                    <div class="icon">
                        <span class="fas fa-envelope-open"></span>
                    </div>
                    <div class="content">
                        <p><a href="mailto:{{ $websiteSetting->email }}">{{ $websiteSetting->email }}</a></p>
                        <p><a href="mailto:{{ $websiteSetting->email_alt }}">{{ $websiteSetting->email_alt }}</a></p>
                    </div>
                </li>
                <li>
                    <div class="icon">
                        <span class="fas fa-phone"></span>
                    </div>
                    <div class="content">
                        <p><a href="tel:{{ $websiteSetting->phone_alt }}">+ {{ $websiteSetting->phone }}</a></p>
                        <p><a href="tel:{{ $websiteSetting->phone_alt }}">+ {{ $websiteSetting->phone_alt }}</a></p>
                    </div>
                </li>
                <li>
                    <div class="icon">
                        <span class="fas fa-map"></span>
                    </div>
                    <div class="content">
                        <p> {{ $websiteSetting->address }} </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>
<!--Google Map End-->

<!--Contact One Start-->
<section class="contact-page-form">
    <div class="container">
        <div class="section-title text-center">
            <span class="section-title__tagline">Contact With us</span>
            <h2 class="section-title__title">Leave a Message</h2>
        </div>
        <form action="{{ route('frontend.contact.message.store') }}" method="POST" class="contact-page-form__form-box">
            @csrf
            <div class="row">
                <div class="col-xl-6">
                    <div class="contact-page-form__input-box">
                        <input type="text" placeholder="Your Name" name="name">
                    </div>
                    @error('name')
                        <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
                <div class="col-xl-6">
                    <div class="contact-page-form__input-box">
                        <input type="email" placeholder="Email Address" name="email">
                    </div>
                    @error('email')
                        <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
                <div class="col-xl-6">
                    <div class="contact-page-form__input-box">
                        <input type="text" placeholder="Phone" name="phone">
                    </div>
                    @error('phone')
                        <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
                <div class="col-xl-6">
                    <div class="contact-page-form__input-box">
                        <input type="text" placeholder="Subject" name="subject">
                    </div>
                    @error('subject')
                        <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="contact-page-form__input-box text-message-box">
                        <textarea name="message" placeholder="Write a Message"></textarea>
                    </div>
                    @error('message')
                        <small class="text-danger">{{ $message }}</small>
                    @enderror
                    <div class="contact-page-form__btn-box">
                        <button type="submit" class="thm-btn contact-page-form__btn">Send a message</button>
                    </div>
                </div>
            </div>
        </form>
        <div class="result"></div>
    </div>
</section>
<!--Contact One End-->
@endsection