@extends('web.layouts.app')
@section($title, $subtitle)
@section('content')
<main>
    <div class="hero_single inner_pages background-image" data-background="url({{asset('images/sliders/mario.jpg')}})">
        <div class="opacity-mask" data-opacity-mask="rgba(0, 0, 0, 0.6)">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-9 col-lg-10 col-md-8">
                        <h1>Contact Us</h1>
                        <p>Contact us easily</p>
                    </div>
                </div>
                <!-- /row -->
            </div>
        </div>
        <div class="frame white"></div>
    </div>
    <!-- /hero_single -->

    <div class="bg_gray">
        <div class="container margin_60_40">
            <div class="row justify-content-center">
                <div class="col-lg-4">
                    <div class="box_contacts">
                        <i class="icon_tag_alt"></i>
                        <h2>Reservations</h2>
                        <a href="contacts.html#0">+1 (862) 707-75-26</a> 
                        {{-- - <a href="contacts.html#0">reserve@Foores.com</a> --}}
                        <small>- <a href="{{route("order")}}">Place an Order</a> -</small>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="box_contacts">
                        <i class="icon_pin_alt"></i>
                        <h2>Address</h2>
                        <div>Parsippany - New Jersey 07005- US</div>
                        <small>- Conveniently located near Route 46 -</small>

                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="box_contacts">
                        <i class="icon_clock_alt"></i>
                        <h2>Opening Hours</h2>
                        <div>Thurs - Sat: 10am - 11pm</div>
                        <small>- Sunday Closed -</small>
                    </div>
                </div>
            </div>
            <!-- /row -->
        </div>
        <!-- /container -->
    </div>
    <!-- /bg_gray -->

    <div class="container margin_60_40">
        <h5 class="mb_5">Drop Us a Line</h5>
        <div class="row">
            <div class="col-lg-4 col-md-6 add_bottom_25">
                <div id="message-contact"></div>
                <form id="contact-form" name="contact_form" class="default-form" action="{{route('prospect.store')}}" method="post">
                    @csrf
                    <div class="form-group">
                        <input class="form-control" type="text" placeholder="Name" id="name_contact" name="name" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="email" placeholder="Email" id="email_contact" name="email" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="number" placeholder="Phone" id="email_contact" name="phone" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" placeholder="Subject" id="name_contact" name="subject" required>
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" style="height: 150px;" placeholder="Message" id="message_contact" name="message"></textarea>
                    </div>
                    <div class="form-group">
                        <input class="btn_1 full-width" type="submit" value="Submit" id="submit-contact">
                    </div>
                </form>
            </div>
            <div class="col-lg-8 col-md-6 add_bottom_25">
                <iframe class="map_contact" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96462.88345294225!2d-74.50869402987124!3d40.92747262208088!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c308b052ec4e7d%3A0xd0c00d01a77cc7e7!2sBoonton%2C%20Nueva%20Jersey%2007005%2C%20EE.%20UU.!5e0!3m2!1ses!2sco!4v1724198126491!5m2!1ses!2sco" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
        <!-- /row -->
    </div>
    <!-- /container -->
    
</main>
<script src="{{asset("assets/js/common_scripts.min.js")}}"></script>
<script src="{{asset("assets/js/common_func.js")}}"></script>
<script src="{{asset("assets/phpmailer/validate.js")}}"></script>
@endsection