@extends('site.master')
@section('title','Contact US')
@section('content')
    <!-- Page Banner Section Start -->
    @include('site.layouts.breadcrumb')
    <!-- Contact Section Start -->
    <div class="contact-section section mt-10 mb-40">
        <div class="container">
            <div class="row">

                <!-- Contact Page Title -->
                <div class="contact-page-title col mb-40">
                    <h1>Hi, Howdy <br>Let’s Connect us</h1>

                    <div class="row">
                        <div class="col-12">
                            <div class="mapouter">
                                <div class="gmap_canvas">
                                    <iframe width="100%" height="300" id="gmap_canvas"
                                            src="@if(request()->getHttpHost() == "gadgetbank.com.bd")  https://maps.google.com/maps?q=Gadget%20bank,Noakhali&t=&z=13&ie=UTF8&iwloc=&output=embed @else https://maps.google.com/maps?q=Goodluck%20iT%20D.B%20Road,Noakhali&t=&z=19&ie=UTF8&iwloc=&output=embed @endif"
                                            frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
                                    <a href="https://123movies-to.org">123movies</a><br>
                                    <style>.mapouter {
                                            position: relative;
                                            text-align: right;
                                            height: 300px;
                                            width: 100%;
                                        }</style>
                                    <a href="https://www.embedgooglemap.net">embedgooglemap.net</a>
                                    <style>.gmap_canvas {
                                            overflow: hidden;
                                            background: none !important;
                                            height: 300px;
                                            width: 100%;
                                        }</style>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">

                    <!-- Contact Tab List -->
                    <div class="col-lg-4 col-12 mb-50">
                        <ul class="contact-tab-list nav">
{{--                            <li><a  data-toggle="tab" href="#contact-address">Contact us</a></li>--}}
                            <li><a class="active" data-toggle="tab" href="#contact-form-tab">Leave us a message</a></li>
                        </ul>
                    </div>

                    <!-- Contact Tab Content -->
                    <div class="col-lg-8 col-12">
                        <div class="tab-content">

                            <!-- Contact Address Tab -->
                            <div class="tab-pane fade show  row d-flex" id="contact-address">


                                <div class="col-lg-4 col-md-6 col-12 mb-50">
                                    <div class="contact-information">
                                        <h4>Address</h4>
                                        <p>Haque Shopping Mall (4th Floor)<br>
                                            Chowmuhani, Noakhali<br>
                                            info@gadgetbank.com.bd</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-md-6 col-12 mb-50">
                                    <div class="contact-information">
                                        <h4>Phone</h4>
                                        <p>
                                            <a href="tel:09642222298">09642222298</a>
                                            <a href="tel:01894818283">01894818283</a>
                                        </p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-md-6 col-12 mb-50">
                                    <div class="contact-information">
                                        <h4>Web</h4>
                                        <p>
                                            <a href="mailto:info@gadgetbank.com.bd">info@gadgetbank.com.bd</a>
                                            <a href="#">www.gadgetbank.com.bd</a>
                                        </p>
                                    </div>
                                </div>

                            </div>

                            <!-- Contact Form Tab -->
                            <div class="tab-pane fade active row d-flex" id="contact-form-tab">
                                <div class="col">
                                    <form id="contact-for" method="POST" action="{{ route('site.email.contact') }}"
                                          class="contact-form mb-50">
                                        {{ csrf_field() }}
                                        <div class="row">
                                            <div class="col-12 mb-25">
                                                <label for="first_name">Full Name*</label>
                                                <input type="text" name="name" placeholder="Your name here"
                                                       value="{{ old('name') }}" required>
                                                @if($errors->has('name'))
                                                    <div class="validation_error">{{ $errors->first('name') }}</div>
                                                @endif
                                            </div>
                                            <div class="col-md-6 col-12 mb-25">
                                                <label for="email_address">Email</label>
                                                <input id="email_address" type="email" name="email"
                                                       placeholder="Your email here">
                                                @if($errors->has('email'))
                                                    <div class="validation_error">{{ $errors->first('email') }}</div>
                                                @endif
                                            </div>
                                            <div class="col-md-6 col-12 mb-25">
                                                <label for="phone_number">Phone*</label>
                                                <input id="phone_number" type="text" name="phone_number"
                                                       placeholder="Your phone number here" required>
                                                @if($errors->has('phone_number'))
                                                    <div class="validation_error">{{ $errors->first('phone_number') }}</div>
                                                @endif
                                            </div>
                                            <div class="col-12 mb-25">
                                                <label for="message">Message*</label>
                                                <textarea id="message" name="message" placeholder="Write message..."
                                                          required></textarea>
                                                @if($errors->has('message'))
                                                    <div class="validation_error">{{ $errors->first('message') }}</div>
                                                @endif
                                            </div>
                                            <div class="col-12">
                                                <input type="submit" value="SEND NOW">
                                            </div>
                                        </div>
                                    </form>
                                    <p class="form-messege"></p>

                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div><!-- Contact Section End -->
@stop