@extends('frontend.layout.template')
  @section('content')
  <div class="tt-breadcrumb">
      <div class="container">
          <ul>
              <li><a href="{{route('home')}}">Home</a></li>
              <li>Contact</li>
          </ul>
      </div>
  </div>
  <div id="tt-pageContent">
      <div class="container-indent">
          <div class="container">
              <div class="contact-map">
                  <div id="map"></div>
              </div>
          </div>
      </div>
      <div class="container-indent">
          <div class="container container-fluid-custom-mobile-padding">
              <div class="tt-contact02-col-list">
                  <div class="row">
                      <div class="col-sm-12 col-md-4 ml-sm-auto mr-sm-auto">
                          <div class="tt-contact-info">
                              <i class="tt-icon icon-f-93"></i>
                              <h6 class="tt-title">LET’S HAVE A CHAT!</h6>
                              <address>
                                  <p><strong>Phone:</strong>(091) 9061852225</p>
                                  <p><strong>Email:</strong><a href="mailto:contact@aziyan.com">contact@aziyan.com</a></p>
                              </address>
                          </div>
                      </div>
                      <div class="col-sm-6 col-md-4">
                          <div class="tt-contact-info">
                              <i class="tt-icon icon-f-24"></i>
                              <h6 class="tt-title">VISIT OUR LOCATION</h6>
                              <address>
                                  <p>Thamarassery Building,</p>
                                  <p>Thattampady Edappally North</p>
                                  <p>Ernakulam North</p>
                              </address>
                          </div>
                      </div>
                      <div class="col-sm-6 col-md-4">
                          <div class="tt-contact-info">
                              <i class="tt-icon icon-f-92"></i>
                              <h6 class="tt-title">WORK TIME</h6>
                              <address>
                                  <p><strong>Open: </strong>Sunday – Friday 08:00 – 18:00</p>
                              </address>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="container-indent">
          <div class="container container-fluid-custom-mobile-padding">
              <form id="contactform" class="contact-form form-default" method="post" novalidate="novalidate" action="#">
                  <div class="row">
                      <div class="col-md-6">
                          <div class="form-group">
                              <input type="text" name="name" class="form-control" id="inputName" placeholder="Your Name (required)">
                          </div>
                          <div class="form-group">
                              <input type="text" name="email" class="form-control" id="inputEmail" placeholder="Your Email (required)">
                          </div>
                          <div class="form-group">
                              <input type="text" name="subject" class="form-control" id="inputSubject" placeholder="Subject">
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <textarea name="message" class="form-control" rows="7" placeholder="Your Message" id="textareaMessage"></textarea>
                          </div>
                      </div>
                  </div>
                  <div class="text-center">
                      <button type="submit" class="btn">SEND MESSAGE</button>
                  </div>
              </form>
          </div>
      </div>
  </div>
  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
  @endsection