@include('htmlpage.frontent.layout.app')
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<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 Architectural Consultants<br /> 3rd Floor, Shah Arcade
                                Providence College Jn <br />NH 66 Bypass Malaparamba Kozhikode(Calicut) Kerala, India</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-30--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="text"
                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-30--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-recaptcha g-margin-b-30--xs" data-sitekey="{{ env('RECAPTCHA_SITE_KEY') }}"></div>
    @error('g-recaptcha-response')
    <div class="alert alert-danger">{{ $message }}</div>
    @enderror
    <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')