@extends('front.layout.app')
@section('content')

    <section class="innerbanner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>contact us</h2>
                </div>
            </div>
        </div>
    </section>

    <section class="contact-sec">
        <div class="container">
            <div class="contact-top">
                <div class="contact-heading">
                    <h3 class="subHead">Get in touch with us</h3>
                    <h2 class="mainHead">Leave a message</h2>
                </div>
                <div class="contact-paragraph">
                    <p>Have a project in mind? Curious about how Petra Contracting can be your trusted partner?</p>
                    <p>We’d love to hear from you!</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-7">
                    <div class="contact-wrapp">
                    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

                        <form class="contact-form" action="{{ route('admin.contactus.page.store') }}" method="post" >
                        @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="First-name" name="first_name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="last-name" name="last_name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="email" class="form-control" placeholder="email" name="email">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="your-subject" name="subject">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea type="text" class="form-control" placeholder="your-message" name="message"></textarea>
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <button class="themeBtn">Send a Message</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="contact-main">
                        <ul class="footer-info">
                            <li><a href=""><i class="fas fa-phone-alt"></i>623-386-6194</a></li>
                            <li><a href=""><i class="fal fa-fax"></i>623-386-6081</a></li>
                            <li><a href="">
                                    <i class="fas fa-envelope"></i> info@petra.com</a></li>
                            <li><a href=""><i class="fas fa-envelope"></i>estimate@petra.com</a></li>
                            <li><a href=""><i class="fas fa-map-marker-alt"></i>18435 W. Van Buren St <br> Goodyear, AZ 85338</a></li>
                        </ul>
                        <ul class="contact-social">
                            <li><a href=""><i class="fab fa-twitter"></i></a></li>
                            <li><a href=""><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href=""><i class="fab fa-instagram"></i></a></li>
                            <li><a href=""><i class="fab fa-pinterest-p"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>



@endsection