@extends('frontend.layouts.master')
@section('title') Contact @endsection
@section('main-content')


<!-- Start Page Title Area -->
<div class="page-title-area">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="page-title-content">
                    <h2>Contact</h2>
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li>Contact</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Title Area -->
@include('frontend.layouts.notification')
<!-- Start Contact Area -->
<section class="contact-section ptb-100">
    <div class="container">
        @php
            $settings=DB::table('settings')->get();
        @endphp
        <div class="row">
            <div class="col-lg-4">
                <div class="contact-info-address">
                    <h3>Quick Contact </h3>

                    <div class="info-contact">
                        <i class="flaticon-pin"></i>
                        <h3>Location</h3>
                        <span>@foreach($settings as $data) {{$data->address}} @endforeach</span>
                    </div>

                    <div class="info-contact">
                        <i class="flaticon-call"></i>
                        <h3>Call Us</h3>
                        <span>@foreach($settings as $data) {{$data->phone}} @endforeach</span>
                    </div>

                    <div class="info-contact">
                        <i class="flaticon-email"></i>
                        <h3>Email Us</h3>
                        <span>
                            @foreach($settings as $data) {{$data->email}} @endforeach
                        </span>
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="contact-area">
                    <div class="contact-content">
                        <h3>Let’s talk!</h3>
                      
                    </div>

                    <div class="contact-form">
                        <form class="form-contact contact_form" action="{{route('contact.store')}}" method="post" id="" novalidate="novalidate">
                            @csrf
                            <div class="row">
                                <div class="col-lg-12 col-md-6">
                                    <div class="form-group">
                                        <input type="text" name="name" id="first_name" value="{{old('name')}}" class="form-control" required data-error="Please enter your first_name" placeholder="Fullnames">
                                        <div class="help-block with-errors"></div>
                                        @error('name')
                                            <span class="text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>

                              

                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="email" name="email" id="email" value="{{old('email')}}" required data-error="Please enter your email" class="form-control" placeholder="email">
                                        <div class="help-block with-errors"></div>
                                        @error('email')
                                            <span class="text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="text" name="phone" id="phone" value="{{old('phone')}}" required data-error="Please enter your phone" class="form-control" placeholder="phone">
                                        <div class="help-block with-errors"></div>
                                        @error('phone')
                                            <span class="text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="text" name="subject" id="subject" value="{{old('subject')}}"  class="form-control" required data-error="Please enter your subject" placeholder="subject">
                                        <div class="help-block with-errors"></div>
                                        @error('subject')
                                            <span class="text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <textarea name="message" class="form-control" id="message" cols="30" rows="6" required data-error="Write your message" placeholder="Write Something">{{old('message')}}</textarea>
                                        <div class="help-block with-errors"></div>
                                        @error('message')
                                            <span class="text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <div class="form-check">
                                            <input
                                                name="gridCheck"
                                                value="I agree to the terms and privacy policy."
                                                class="form-check-input"
                                                type="checkbox"
                                                id="gridCheck"
                                                required
                                            >
                                        </div>
                                    </div>
                                </div>             

                                <div class="col-lg-12">
                                    <div class="send-btn">
                                        <button type="submit" class="default-btn">
                                            Send
                                            <i class="flaticon-right"></i>
                                            <span></span>
                                        </button>
                                    </div>
                                    <div id="msgSubmit" class="h3 text-center hidden"></div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Contact Area -->

<!-- Start Map Area -->
<div class="map-section">
    <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3974.570422348824!2d32.86405507417112!3d-5.0107699949656626!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zNcKwMDAnMzguOCJTIDMywrA1MSc1OS45IkU!5e0!3m2!1sen!2sug!4v1704832691849!5m2!1sen!2sug" width="1200" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- End Map Area -->

@endsection

@push('scripts')


@endpush