@extends('frontEnd.master')
@section('content')
@include('frontEnd.partials.breadcrumb', ['mainTitle' => "Contact Us
", 'breadcrumb1' => "Contact Us", 'breadcrumb2' => null])

<section class="ls s-py-70 s-pb-lg-60 s-pb-xl-60 c-gutter-60 container-px-30">
    <div class="container">
        <div class="row">
            <div class="col-lg-8" data-animation="scaleAppear">
                            
                <form role="form" method="post" action="{{route('apprequest.store')}}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">

                        <div class="col-sm-12">
                            <h5 class="fw-200">Contact Form</h5>
                            <p>For all enquiries, please email us using the form below.</p>
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-sm-6">
                            <div class="form-group has-placeholder">
                                <label for="request_name">Full Name <span class="required">*</span></label>
                                <input type="text" class="form-control " placeholder="Name" name="request_name">
                                                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group has-placeholder">
                                <label> Phone Number </label>
                                <input type="text" class="form-control " placeholder="Phone Number" name="request_number">
                                                            </div>
                        </div>

                    </div>

                    <div class="row">

                        {{-- <div class="col-sm-6">
                            <div class="form-group has-placeholder">
                                <label> Package Name </label>
                                <input type="text" class="form-control " placeholder="Package Name" name="request_package">
                                                            </div>
                        </div> --}}
                        <div class="col-sm-6">
                            <div class="form-group has-placeholder">
                                <label> Location </label>
                                <input type="text" class="form-control " placeholder="Your Location" name="request_location">
                                                            </div>
                        </div>

                    </div>

                    <div class="row">

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

                            <div class="form-group has-placeholder">
                                <label> Message </label>
                                <textarea class="form-control textarea " placeholder="Message" name="request_message"></textarea>
                                                            </div>
                        </div>

                    </div>

                    <div class="row mt-20">

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

                            <div class="form-group has-placeholder">
                                <button type="submit" name="contact_submit" class="btn small-btn btn-maincolor2"><span>Send Message</span></button>
                            </div>
                        </div>

                    </div>

                </form>
                
            </div>
            <!--.col-* -->
            <div class="divider-40 d-block d-lg-none"></div>
            <div class="col-lg-4" data-animation="scaleAppear">

                <h5 class="fw-200 mt-0 mb-3">Contact Info</h5>

                <p class="icon-inline">
                    <span class="icon-styled color-main">
                        <i class="fa fa-phone"></i>
                    </span>
                    <span>+8801958404404</span>
                </p>
                <p class="icon-inline">
                    <span class="icon-styled color-main">
                        <i class="fa fa-phone"></i>
                    </span>
                    <span>09639110022</span>
                </p>

                <p class="icon-inline">
                    <span class="icon-styled color-main">
                        <i class="fa fa-envelope-o"></i>
                    </span>
                    <span><a href="mailto:xplorenet1@gmail.comm">xplorenet1@gmail.com</a></span>
                </p>
                
                <p class="icon-inline">
                    <span class="icon-styled color-main">
                        <i class="fa fa-map-marker"></i>
                    </span>
                    <span>29, Alta Plaze, House # 01,Road # 10, Dhanmondi,Dhaka</span>
                </p>


            </div>
            <!--.col-* -->

        </div>
    </div>
</section>

<section class="ls ms section" data-draggable="true" data-scrollwheel="true">
    <div class="container">
        <div class="row row-flex no-gutters">
    <div class="col-md-12 col-lg-12">
        <div style="width: 100%">
            <div style="width: 100%"><iframe width="100%" height="500" frameborder="0" scrolling="no"
                    marginheight="0" marginwidth="0"
                    src="https://maps.google.com/maps?width=100%25&amp;height=500&amp;hl=en&amp;q=23.747351,90.380389+(XploreNetbd)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
            </div>
        </div>
        <!-- <div class="google-map-container google-map-align"
            data-center="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-zoom="5"
            data-icon="images/gmap_marker.png" data-icon-active="images/gmap_marker_active.png"
            data-styles="[{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:60}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:40},{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;administrative.province&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;lightness&quot;:30}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ef8c25&quot;},{&quot;lightness&quot;:40}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#b6c54c&quot;},{&quot;lightness&quot;:40},{&quot;saturation&quot;:-40}]},{}]">
            <div class="google-map"></div>
            <ul class="google-map-markers">
                <li data-location="9870 St Vincent Place, Glasgow, DC 45 Fr 45."
                    data-description="9870 St Vincent Place, Glasgow"></li>
            </ul>
        </div> -->
    </div>
</div>
</div>
</section>
@endsection