@extends('master.master')

@section('content') 
    <!-- breadcrumb start -->
    <section class="breadcrumb-section p-0">
        <img src="{{ asset('images/inner-background.jpg')}}" class="bg-img img-fluid" alt="">
        <div class="container">
            <div class="breadcrumb-content">
                <div>
                    <h2>Contact us</h2>
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('/.')}}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Contact us</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb end -->

    <!-- Get in touch section start -->
    <section class="small-section contact-3">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="log-in theme-card">
                        <div class="title-3 text-start">
                            <h2>Let's Get In Touch</h2>
                        </div>
                        <form class="row gx-3 get-in-touch">
                            <div class="form-group col-md-6">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i data-feather="user"></i>
                                        </div>
                                    </div>
                                    <input type="text" class="form-control" placeholder="Enter your name" required="">
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i data-feather="edit"></i>
                                        </div>
                                    </div>
                                    <input type="text" class="form-control" placeholder="Enter Subject" required="">
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i data-feather="phone"></i>
                                        </div>
                                    </div>
                                    <input 
                                            placeholder="phone number"
                                            class="form-control" 
                                            name="mobnumber" 
                                            id="tbNumbers" 
                                            oninput="maxLengthCheck(this)"
                                            type = "tel"
                                            onkeypress="javascript:return isNumber(event)"
                                            maxlength = "9"
                                            required="">
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i data-feather="mail"></i>
                                        </div>
                                    </div>
                                    <input type="email" class="form-control" placeholder="email address" required="">
                                </div>
                            </div>
                            <div class="form-group col-md-12">
                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="4">Write here something
                                </textarea>
                            </div>
                            <div class="col-md-12 submit-btn">
                                <button class="btn btn-gradient color-2 btn-pill" type="submit">Send Your Message</button>
                            </div>
                        </form>
                    </div>
                    <div class="theme-card">
                    <div class="contact-bottom">
                        <div class="contact-map">
                            <!-- <iframe title="contact location" 
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.1583091352!2d-74.11976373946229!3d40.69766374859258!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1563449626439!5m2!1sen!2sin"
                                allowfullscreen>
                            </iframe> -->
                            <iframe title="contact location" 
                                src="https://maps.google.com/maps?q=Portmill%20Lane%2C%20Hitchin%2C%20SG5%201DJ&t=m&z=10&output=embed&iwloc=near"
                                allowfullscreen>
                            </iframe>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="col-lg-4 contact_section contact_right">
                    <div class="row">
                        <div class="col-lg-12 col-sm-6">
                            <div class="contact_wrap">
                                <i data-feather="map-pin"></i>
                                <h4>VISIT US</h4>
                                <p class="font-roboto">Portmill House, Portmill Lane, <br> Hitchin, SG5 1DJ 
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-12 col-sm-6">
                            <div class="contact_wrap">
                                <i data-feather="phone"></i>
                                <h4>CALL US</h4>
                                <p class="font-roboto"><a href="tel:+44 (0) 1462 428720">+44 (0) 1462 428720</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-12 col-sm-6">
                            <div class="contact_wrap">
                                <i data-feather="mail"></i>
                                <h4>Online service</h4>
                                <ul>
                                    <li>Inquiries: <a href="mailto:enquiries@portmillproperty.co.uk">enquiries@portmillproperty.co.uk</a></li>
                                    <li>Viewings: <a href="mailto:viewings@portmillproperty.co.uk">viewings@portmillproperty.co.uk</a></li>
                                    <!-- <li>Support: help@.in</li> -->
                                    <!-- <li>+86 163 - 451 - 7894</li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Get in touch section end -->
    @endsection

    @section('scripts')

@endsection