@include('htmlpage.frontent.layout.app')
<div style="height: 70px;">
        </div>
        <div class="g-position--relative g-bg-color--primary">
            <div class="g-container--md mt-4">
                <div class="g-text-center--xs g-margin-t-50--xs g-margin-b-80--xs ">
                    <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--white-opacity g-letter-spacing--2 g-margin-b-25--xs text-center">Contact Us</p>
                    <h1 class="g-font-size-32--xs g-font-size-36--sm">Get in Touch</h1>
                </div>
                <div class="row g-row-col--5 g-margin-b-80--xs">
                    <div class="col-md-4 g-full-width--xs g-margin-b-50--xs g-margin-b-0--sm">
                        <div class="g-text-center--xs">
                            <i class="g-display-block--xs g-font-size-40--xs g-color--white-opacity g-margin-b-30--xs fa-regular fa-envelope"></i>
                            <h2 class="g-font-size-18--xs g-margin-b-5--xs">Email</h2>
                            <p class="contactaddress"> info@dplus.co</p>
                        </div>
                    </div>
                    <div class="col-md-4 g-full-width--xs g-margin-b-50--xs g-margin-b-0--sm">
                        <div class="g-text-center--xs">
                            <i class="g-display-block--xs g-font-size-40--xs g-color--white-opacity g-margin-b-30--xs fa-solid fa-map-location-dot"></i>
                            <h2 class="g-font-size-18--xs  g-margin-b-5--xs">Address</h2>
                            <p class="contactaddress">Designplus, 3rd Floor, Shah arcade
                                Providence College Jn,<br /> NH 66 Bypass Malaparamba</p>
                        </div>
                    </div>
                    <div class="col-md-4 g-full-width--xs">
                        <div class="g-text-center--xs">
                            <i class="g-display-block--xs g-font-size-40--xs  g-margin-b-30--xs fa-solid fa-headset"></i>
                            <h2 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Call at</h2>
                            <p class="contactaddress">+91-9539262428  </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 center-block">
                        <a href="https://maps.app.goo.gl/JUkL4B6sbjNYDDjf9" target="_blank" >
                            <img src="/img/QRcode.png" alt="" style="height: 250px;" />
                        </a>
    
                        <h3>Scan<br />for find us</h3>
                    </div>
                    <div class="col-md-8">
                        @if(session('success') || session('error'))
    <div class="alert alert-{{ session('success') ? 'success' : 'danger' }}">
        {{ session('success') ? session('success') : session('error') }}
    </div>
@endif
                        <form class="center-block g-width-500--sm g-width-550--md" method="post" action="{{ route('submit.contact') }}">
                        @csrf
                            <div class="g-margin-b-30--xs">
                                <input
                                    type="text"
                                    class="form-control s-form-v3__input"
                                    name="name"
                                    placeholder="* Name"
                                />
                              @if ($errors->has('name'))
                              <p class="alert alert-danger">{{ $errors->first('name') }}</p>
                              @endif
                            </div>
                            <div class="row g-row-col-5 g-margin-b-50--xs">
                                <div class="col-sm-6 g-margin-b-30--xs g-margin-b-0--md">
                                    <input
                                        type="email"
                                        class="form-control s-form-v3__input"
                                        name="email"
                                        placeholder="* Email"
                                    />
                                    @if ($errors->has('email'))
                                    <p class="alert alert-danger">{{ $errors->first('email') }}</p>
                                    @endif
                                </div>
                                <div class="col-sm-6 g-margin-b-30--xs g-margin-b-0--md">
                                    <input
                                        type="Phone"
                                        class="form-control s-form-v3__input"
                                        name="phone"
                                        placeholder="* Phone"
                                    />
                                  @if ($errors->has('phone'))
                                  <p class="alert alert-danger">{{ $errors->first('phone') }}</p>
                                  @endif
                                </div>
                            </div>
                            <div class="g-margin-b-80--xs">
                                <textarea
                                class="form-control s-form-v3__input"
                                    rows="5"
                                    name="message"
                                    placeholder="* Your message"
                                ></textarea>
                            @if ($errors->has('message'))
                            <p class="alert alert-danger">{{ $errors->first('message') }}</p>
                            @endif
                            </div>
                            <div class="g-text-center--xs">
                                <button type="submit" class="text-uppercase s-btn s-btn--md s-btn--black-bg g-radius--50 g-padding-x-70--xs g-margin-b-20--xs" >Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
   
            </div>
          
        </div>
        @include('htmlpage.frontent.layout.footer')