@extends('front.include.app')
@section('content')
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>
    {{-- @dd($content) --}}
    <section class="inner-banner p-0">
        <img src="{{ $data->getFirstMediaUrl('contact_banner_img') ?? ''}}" alt="image" class="img-fluid">
        <div class="container">
            <div class="inner-banner__content">
                <h1>
                    <a href="javascript:history.back()" class="back-arrow">
                        <i class="fas fa-arrow-left"></i>
                    </a>
                    {{ $content['main_heading'] }}
                </h1>
                <ul>
                    <li><a href="">Home</a></li>
                    <li><span>//</span></li>
                    <li><a href="">{{ $content['main_heading'] }}</a></li>
                </ul>
            </div>
        </div>
    </section>

    <section class="contact-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="contact-form">
                        <form class="">
                            <div class="form-main text-center">
                                <h2>{{ $content['form_heading'] }}</h2>
                                <p>{{ $content['form_discription'] }}
                            </div>
                            </p>
                            <div class="row justify-content-center">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Your Name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Your Email">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Address">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="number" class="form-control" placeholder="Your Number">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea class="form-control" placeholder="Message"></textarea>
                                    </div>
                                </div>
                            </div>
                            <button>{{ $content['form_btn_text'] }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="icon-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="icon-main text-center">
                        <a href=""><i class="fas fa-map-marker-alt"></i></a>
                        <h5>Location<span>29 Nicolas str, New York, <br>
                                987597-50</span></h5>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="icon-main text-center">
                        <a href=""><i class="far fa-phone-alt"></i></a>
                        <h5>Phones<span>0(800) 890-90-609 <br>
                                0(800) 890-90-620</span></h5>
                    </div>
                </div>


                <div class="col-md-3">
                    <div class="icon-main text-center">
                        <a href=""><i class="fas fa-envelope"></i></a>
                        <h5>Email<span>sale@like-themes.com <br>
                                tech@like-themes.com</span></h5>
                    </div>
                </div>


                <div class="col-md-3">
                    <div class="icon-main text-center">
                        <a href=""><i class="fal fa-clock"></i></a>
                        <h5>Working Hours<span>Wednesday - Sunday <br>
                                7:00 AM - 5:00 PM</span></h5>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <iframe class="map" src="{{ $content['map_url'] }}" width="100%" height="600" style="border:0;"
        allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    {{-- https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193596.1311123299!2d-74.2914951533725!3d40.697328996382325!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2s!4v1735050907887!5m2!1sen!2s --}}
    
@endsection