@extends('layouts.app')

@section('content')

<nav class="dsdsd" aria-label="breadcrumb">
    <div class="container">
        <ol class="breadcrumb custom-breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
            
            <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
        </ol>
    </div>
</nav>

  <!-- Contact -->
        <section class="s-contact flat-spacing-13 bgg">
            <div class="container">
                <div class="wg-map">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d27294.62418958524!2d151.25730233429948!3d-33.82005608618041!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12ab8bc95a137f%3A0x358f04a7f6f5f6a6!2sGrotto%20Point%20Lighthouse!5e0!3m2!1sen!2s!4v1733976867160!5m2!1sen!2s"
                        class="map" style="border:none;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="content-left">
                            <div class="title fw-medium display-md-2">
                                Contact Us
                            </div>
                            <p class="sub-title text-main">
                                Have a question? Please contact us using the customer support <br> channels below.
                            </p>
                            <ul class="contact-list">
                                <li>
                                    <p>
                                        Address:
                                        <a class="link"
                                            href="https://www.google.com/maps?q=15Yarranst,Punchbowl,NSW,Australia"
                                            target="_blank">
                                            {{ site_settings()->company_address }}
                                        </a>
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        Phone number:
                                        <a class="link" href="tel:123456">
                                            {{ site_settings()->contact_phone }}
                                        </a>
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        Email:
                                        <a class="link" href="mailto:{{ site_settings()->contact_email }}">
                                            {{ site_settings()->contact_email }}
                                        </a>
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        Open:
                                        <span class="text-main">
                                            8am - 7pm, Mon - Sat
                                        </span>
                                    </p>
                                </li>
                            </ul>
                            <ul class="tf-social-icon style-large ">
                                <li>
                                    <a href="{{ site_settings()->facebook_url }}" class="social-item social-facebook">
                                        <i class="icon icon-fb"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ site_settings()->instagram_url }}" class="social-item social-instagram">
                                        <i class="icon icon-instagram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ site_settings()->twitter_url }}" class="social-item social-x">
                                        <i class="icon icon-x"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ site_settings()->linkedin_url }}" class="social-item social-linkedin"><i
                                            class="icon icon-linkedin"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="content-right">
                            <div class="title fw-medium display-md-2">
                                Get In Touch
                            </div>
                            <p class="sub-title text-main">
                                Please submit all general enquiries in the contact form below and we look forward to
                                hearing from you soon.
                            </p>
                            <div class="form-contact-wrap">
                                <form method="post" class="form-default" id="contactform"
                                    action="./contact/contact-process.php">
                                    <div class="wrap">
                                        <div class="cols">
                                            <fieldset>
                                                <label for="name">Your name*</label>
                                                <input name="name" id="name" class="radius-8" type="text" required>
                                            </fieldset>
                                            <fieldset>
                                                <label for="email">Your email*</label>
                                                <input name="email" id="email" class="radius-8" type="email" required>
                                            </fieldset>
                                        </div>
                                        <div class="cols">
                                            <fieldset class="textarea">
                                                <label for="message">Message*</label>
                                                <textarea name="message" id="message" required
                                                    class="radius-8"></textarea>
                                            </fieldset>
                                        </div>
                                        <div class="button-submit send-wrap">
                                            <button class="tf-btn animate-btn" type="submit">
                                                Send
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- /Contact -->




      
@endsection