@extends('layout.app')
@section('title') Contact
@endsection
@section('content')
    @php
        if (!empty($contact->content)) {
               $contactdecodedData = json_decode($contact->content, true);
           }
    @endphp
{{--    <section class="innerBan p-0">--}}
{{--        <img src="{{ $homedecodedData['top_banner_image'] ? asset('upload/cms_images/' . $homedecodedData['top_banner_image']) : '' }}" class="img-fluid" alt="">--}}
{{--        <div class="container">--}}
{{--            <h2>{{$contactdecodedData['top_title'] ?? ''}}</h2>--}}
{{--        </div>--}}
{{--    </section>--}}
    <section class="heroSection innerBan">
        <div class="main-slider p-0" id="mainSlider">
            <div class="swiper-container homeSlider">
                @if($contactSlider)
                <div class="swiper-wrapper">
                    @php
                        $get_decode = json_decode($contactSlider->images);
                    @endphp
                    @foreach($get_decode as $index => $all_images)
                        <div class="swiper-slide">
                            <div class="slide-inner bg-image" data-background="{{ asset('upload/sliders/'.$all_images) }}">
                                <div class="slider-overlay">
                                    <div class="container">
                                        <div class="row no-gutters">
                                            <div class="col-12 mb-5 pb-5">
                                                <div class="heroText">
                                                    <h2 class="">{{$contactdecodedData['top_title'] ?? ''}}</h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                @else
                    <h3 class="text-center text-white mt-5">
                        Images Not Found
                    </h3>

                @endif
            </div>
        </div>
    </section>

    <section class="contactSec">
        <div class="container">
            <div class="mainHeading innermainHeading">
                @if(Session::get('success'))
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <strong>Success!</strong> {{Session::get('success')}}
                    </div>
                    @endif
                <h2 class="">{{$contactdecodedData['heading'] ?? ''}}</h2>
                <p>{{$contactdecodedData['sub_heading'] ?? ''}}</p>
            </div>
            <div class="row justify-content-between">
                <div class="col-md-7">
                    <form class="contactForm"method="post"action="{{route('front.contact-submit')}}">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Full Name *" name="first_name" required>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Email *" name="email"required>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Subject *"required name="subject">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea name="message" class="form-control" placeholder="Message *"required></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="viewWork">
                                    <input type="submit"class="themeBtn border-0"value="Submit now">
{{--                                    <button class="themeBtn border-0">Submit now</button>--}}
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-xl-4 col-md-5">
                   {{-- <div class="contactBox">
                        <figure><i class="fas fa-phone-alt"></i></figure>
                        <a href="#">
                            <h6>Phone:</h6>{{$setting->phone_num1}}
                        </a>
                    </div>--}}
                    <div class="contactBox">
                        <figure><i class="fas fa-envelope"></i></figure>
                        <a href="#">
                            <h6>Email:</h6>{{$setting->email}}
                        </a>
                    </div>
                    {{--<div class="contactBox">
                        <figure><i class="fas fa-map-marker-alt"></i></figure>
                        <a href="#">
                            <h6>Address: </h6>{{$setting->address}}
                        </a>
                    </div>--}}
                </div>
            </div>
        </div>
    </section>


    <section class="mapsection py-0">
        <iframe src="{{$setting->map_link ?? ""}}" width="100%" height="733" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

        {{--        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13026967.38926922!2d-106.25428513633595!3d37.142902825634486!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2s!4v1695129488611!5m2!1sen!2s" width="100%" height="733" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>--}}
    </section>
@endsection