@extends('shared.master')
@section('content')
    <style>
        .contact-us-text h1{

            font-size :35px
        }
    </style>
<!--contact us -->
<div class="description-start py-5">
    <div class="container">
      <div class="row px-3">
        <!--Form Area-->

          <div class="col-md-4 form-section mt-sm-3">
            {!! NoCaptcha::renderJs() !!}
            @if($errors->has('g-recaptcha-response'))
                <div class="alert alert-danger w-100">
                    <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                </div>
            @endif
            <form method="post" id="form-custom" class="custom-form" action="{{Route('contact_mail')}}">
            @csrf
              <div class="row mt-4">
                <div class="col">
                  <label for="fname" class="pb-3">Name:&nbsp;<span class="required-symbol">*</span></label><br>
                  <input type="text" id="fullname" class="text-g w-100" name="fname" required>
                </div>
              </div>
                <div class="row mt-4">
                  <div class="col">
                  <label for="email" class="pb-3">Email:&nbsp;<span class="required-symbol">*</span></label><br>
                  <input type="email" id="email" class="email w-100 text-g" name="email" required>

                    </div>
                </div>
                <div class="row mt-4">
                  <div class="col location w-100 border-blue">
                    <label for="location" class="pb-3">Location:</label><br>
                    <input type="text" id="location text-g" class="w-100 text-g" name="location">
                  </div>
                </div>
                <div class="row mt-4">
                  <div class="col">
                  <label for="phone" class="pb-3">Phone No.&nbsp;<span class="required-symbol">*</span></label><br>
                  <input type="tel" id="phone" class="phone w-100 text-g" name="phone" required
                    placeholder="+1 3564 35465">
                </div>
                </div>
                <div class="row mt-4">
                  <div class="col company w-100 border-blue">
                    <label for="company" class="pb-3">Company:</label><br>
                    <input type="text" id="company" class="w-100 text-g" name="company">
                  </div>
                </div>
                <div class="row mt-4">
                  <div class="col website w-100 border-blue">
                    <label for="location" class="pb-3">Website</label><br>
                    <input type="text" id="website text-g" class="w-100 text-g" name="website">
                  </div>
                </div>

              <div class="row mt-4">
                <div class="col border-blue">
                  <label for="message" class="pb-3">Message</label><br>
                  <textarea cols="50" rows="2" name="note" id="message" class="textarea w-100" placeholder="Write short message"></textarea>
                </div>
              </div>


              {!! NoCaptcha::display() !!}
              {{ csrf_field() }}




              <div class="row mt-4">
                <div class="col submit-final-contact w-100 ">
                  <input type="submit" class="submit-contact" value="Send Now!">
                </div>
              </div>
            </form>

         </div>   <!--form sec complet-->
          <div class="contact-us-text col-md-8 form-sec">
            <h1>Stay in Touch with Us for Offers and Discounts</h1>
              <p>Grab us and generate traffic with <span style="color: #D53A36;">The Cigarette Boxes.</span></p>
<!--Icon Block-->

<div class="row info-main">
  <div class="info-box text-center"><span class="bg-orange"><i class="fa fa-phone" aria-hidden="true"></i></span><a  style="text-decoration: none;"><p>(510) 500 9533</p></a></div>
  <div class="info-box text-center"><span class="bg-orange"><i class="fa fa-envelope" aria-hidden="true"></i></span><p>sales@thecigaretteboxes.com</p></div>
  <div class="info-box text-center"><span class="bg-orange"><i class="fa fa-map-marker" aria-hidden="true"></i></span><p>39899 Balentine Drive Suite 200, Newark, CA 94560</p></div>
</div>
<!--Icon block End-->

              <!--Google map-->
<div id="map-container-google-2" class="z-depth-1-half map-container" style="height: 400px">
  <iframe class="w-100" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3164.424022818335!2d-121.99618698515023!3d37.5215007344646!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fbf55744e5251%3A0xae6258185c57ee1b!2s39899%20Balentine%20Dr%20%23200%2C%20Newark%2C%20CA%2094560%2C%20USA!5e0!3m2!1sen!2s!4v1620623014367!5m2!1sen!2s" frameborder="0"
    style="border:0; height: 350px"  allowfullscreen width="auto"></iframe>
</div>

<!--Google Maps-->
          </div>
      </div>
    </div>
  </div>
  @endsection