@extends('frontpartials.main')



@section('content')

<div class="row">

<h3 style="color:#29aae3">Message us</h3>

<p id="formh">Please select one and continue.</p>


    <div class="col-lg-12">

        <div class="row ">

            <div class="col-lg-12">

                <div class="row">

                    <div class="col-lg-3 mg-t-10"></div>

                    <div class="col-lg-6 mg-t-10">

                        <button class="btn btn-grad btn-block" id="send-message" value="send-message">

                            <div class="row ">

                                <div class="col-lg-9 text-start font-weight-bold">Send a Text Message</div>

                                <div class="col-lg-3 text-end">

                                    <i class="fas fa-arrow-right"></i>

                                </div>

                            </div>

                        </button>

                    </div>

                    <div class="col-lg-3 mg-t-10"></div>

                </div>



                <div class="row">

                    <div class="col-lg-3 mg-t-10"></div>

                    <div class="col-lg-6 mg-t-10">

                        <button class="btn btn-grad btn-block" id="phone-call" value="phone-call">

                            <div class="row ">

                                <div class="col-lg-9 text-start font-weight-bold">Request a Phone Call</div>

                                <div class="col-lg-3 text-end">

                                    <i class="fas fa-arrow-right"></i>

                                </div>

                            </div>

                        </button>

                    </div>

                    <div class="col-lg-3 mg-t-10"></div>

                </div>



                <div class="row">

                    <div class="col-lg-3 mg-t-10"></div>

                    <div class="col-lg-6 mg-t-10">

                        <button class="btn btn-grad btn-block" id="face-to-face" value="face-to-face">

                            <div class="row ">

                                <div class="col-lg-9 text-start font-weight-bold">Request a Face to Face</div>

                                <div class="col-lg-3 text-end">

                                    <i class="fas fa-arrow-right"></i>

                                </div>

                            </div>

                        </button>

                    </div>

                    <div class="col-lg-3 mg-t-10"></div>

                </div>

            </div>

        </div>
        <div class="row mx-auto">

            <!-- Message Form -->

            <div id="form-send-message" class="col-lg-12 mg-t-10" style="display:none;">

                <div class="card card-body pd-20 pd-md-40 border shadow-none">

                    <div class="main-content-label text-center mg-b-5">

                        Direct Message To Owner

                    </div>