@extends('layout.app')
@section('title')
    <title>Contact Us</title>
@endsection
@section('content')
    <section class="contact-us-section">

    </section>
    <section class="get-in-touch-section">
        <div class="get-in-card">
            <div class="row">
                <div class="col-md-5">
                    <div class="get-in-desc">
                        <div class="contact-icon">
                            <img src="{{url('frontend/icons/contact-icon.svg')}}" alt="">
                            <h5>Contact us</h5>
                        </div>
                        <h2>Get in touch with us</h2>
                        <p>If you have an enquiry regarding immigration to
                            Australia, please fill out the enquiry form below and
                            one of our migration agents will be in touch.
                        </p>
                        <div class="contact-desc">
                            <a href="tel: +61 - 047 817 7809" class="contact-phone">
                              <img src="{{url('frontend/icons/contact-call-icon.svg')}}" alt="">
                              <h5>+61 - 047 817 7809</h5>
                            </a>
                            <a href="mailto: info@aplusagency.com.au" class="contact-phone">
                              <img src="{{url('frontend/icons/contact-mail-icon.svg')}}" alt="">
                              <h5>info@aplusagency.com.au</h5>
                            </a>
                            <a href="https://goo.gl/maps/P4Y2PYGMpGa83L2R8" target="_blank" class="contact-phone">
                              <img src="{{url('frontend/icons/contact-location-icon.svg')}}" alt="">
                              <h5>Suite 503, Level 5, 368 Sussex Street Sydney, NSW 2000</h5>
                            </a>
                          </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="contact-form">
                        <h2>Please fill-up the form</h2>
                        <form action="">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="">Full name</label>
                                        <input type="text" class="form-control" placeholder="Enter your name" name="" id="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="">Email address</label>
                                        <input type="email" class="form-control" placeholder="Enter your email adress" name="" id="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="">Phone</label>
                                        <input type="text" class="form-control" placeholder="Enter your phone number" name="" id="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="">Nationality</label>
                                        <select name="" class="form-select" id="">
                                            <option hidden class="hidden-select">Select your Nationality</option>
                                            <option value="1" class="aplus-display-select">China</option>
                                            <option value="2" class="aplus-display-select">Nepal</option>
                                            <option value="3" class="aplus-display-select">India</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="">Course</label>
                                        <select name="" id="" class="form-select">
                                            <option hidden>Choose course</option>
                                            <option value="" class="aplus-display-select">Cookery</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="">Enter Captch</label>
                                        <input type="text" class="form-control" placeholder="Captcha">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="mb-5">
                                        <label for="">Message</label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Write a message.." name="message"></textarea>
                                    </div>
                                </div>
                                <div class="submit-btn">
                                    <button type="submit">Send Message</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection