PK

@extends('frontend.layouts.apps')
@section('styles')
    <!-- Bootstrap Core CSS -->
    {{Html::style('assets/frontend/evami/css/bootstrap.min.css')}}
    {{Html::style('assets/frontend/evami/css/neighbordeals.css')}}
    {{Html::style('assets/frontend/evami/css/searchbar.css') }}
    <!-- Custom CSS -->
    {{Html::style('assets/frontend/evami/css/product-detail.css')}}
    {{Html::style('assets/frontend/evami/css/navigation.css')}}
    {{Html::style('assets/frontend/evami/owlcarousel/css/owl.carousel.css')}}
    {{Html::style('assets/frontend/evami/css/bootstrap-tagsinput.css')}}
    <!-- Custom Fonts -->
    {{Html::style('assets/frontend/evami/font-awesome/css/font-awesome.min.css')}}
    {{Html::style('assets/frontend/evami/fonts/roboto.css')}}        
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <style>
        #map-canvas{height: 300px;}
        #iw_container .iw_title{font-size: 16px; font-weight: bold;}
        .iw_content{padding: 15px 15px 15px 0;}
    </style>
@endsection

@section('content')
<div class="page-content pad-100">
    <div class="page-row breadcrumb-header">
        <div class="container">
            <div class="chique-breadcrumb">
                <ol class="breadcrumb">
                    <li><a href="{{ route('welcome') }}">Home</a></li>
                    <li class="active">Contact</li>
                </ol>
            </div>
        </div>
    </div>
    <div class="page-row my-account-container">
        <div class="container">
            <div class="row">
                <div class="contact-details">
                    @if ($errors->has('g-recaptcha-response'))
                        <span style="color:red">{{ $errors->first('g-recaptcha-response') }}</span>
                    @endif
                    @if (session('success'))
                      <div class="alert alert-info">
                          <button type="button" class="close" data-dismiss="alert"aria-hidden="true">
                              &times;
                          </button>
                          {{ session('success') }}
                      </div>
                    @endif
                   <div  class="map" id="map-canvas">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3502.6721457867934!2d77.30825007461792!3d28.609610785122733!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce4c01f466e23%3A0xa2df0d7845df30e4!2s6%2C%20Trilok%20Puri%20Rd%2C%20Subhash%20Market%2C%20Block%206%2C%20Part%201%2C%20Trilokpuri%2C%20Delhi%2C%20110091!5e0!3m2!1sen!2sin!4v1762571519518!5m2!1sen!2sin"  width="100%" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                   </div>
                
                   <div class="contact-form">
                      <form action="{{route('contact.store')}}" name="contactus" id="contactus" method="post">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                         <div class="row">
                            <div class="form-group">
                               <div class="col-sm-6">
                                  <label class="text-capitalize">Name</label>
                                  <input type="text" class="form-control" name="contact_name" id="contact_name" value="{{ old('contact_name') }}" maxlength="30" >
                                  <span style="color:red">{{$errors->first('contact_name')}}</span>
                                 </div>
                               <div class="col-sm-6">
                                  <label class="text-capitalize">Email</label>
                                  <input type="email" id="contact_email" name="contact_email" class="form-control" value="{{ old('contact_email') }}"  maxlength="30" >
                                  <span style="color:red">{{$errors->first('contact_email')}}</span>
                                 </div>
                            </div>
                            <div class="form-group">
                               <div class="col-sm-6">
                                  <label class="text-capitalize">Mobile no</label>
                                  <input type="text" name="contact_mobile" id="contact_mobile" class="form-control" value="{{ old('contact_mobile') }}" maxlength="10" >
                                  <span style="color:red">{{$errors->first('contact_mobile')}}</span>
                                 </div>
                               <div class="col-sm-6">
                                  <label class="text-capitalize">Subject</label>
                                  <input type="text" name="contact_suject" id="contact_suject" class="form-control" value="{{ old('contact_suject') }}" maxlength="100" >
                                  <span style="color:red">{{$errors->first('contact_suject')}}</span>
                                 </div>
                            </div>
                            <div class="form-group">
                               <div class="col-sm-12">
                                  <label class="text-capitalize">Message</label>
                                  <textarea class="form-control" rows="4" id="contact_massage" name="contact_massage"   maxlength="150">{{ old('contact_massage') }}</textarea>
                                  <span style="color:red">{{$errors->first('contact_massage')}}</span>
                                 </div>
                            </div>
                            <div class="form-group">
                                @if(config('services.recaptcha.key'))
                                    <div class="g-recaptcha" data-sitekey="{{config('services.recaptcha.key')}}"></div>
                                    @if ($errors->has('g-recaptcha-response'))
                                        <span style="color:red">{{ $errors->first('g-recaptcha-response') }}</span>
                                    @endif
                                @endif
                            </div>
                            <div class="form-group">
                               <div class="col-sm-12"><input type="submit" class="btn add-to-cart-btn pull-right" value="submit" name="submit">
                              </div>
                            </div>
                         </div>
                      </form>
                   </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
{{ HTML::script('assets/frontend/evami/js/jquery-3.1.1.min.js')}} 
{{ HTML::script('assets/frontend/evami/js/jquery.validate.min.js')}}
{{ HTML::script('assets/admin/js/custom/sanitize.init.js')}}
{{ HTML::script('assets/frontend/evami/js/validate/userLogin.init.js')}}
<!-- Bootstrap Core JavaScript -->
{{ HTML::script('assets/frontend/evami/js/bootstrap.min.js')}}
{{ HTML::script('assets/frontend/evami/js/slick.js')}}
{{ HTML::script('assets/frontend/evami/js/hover-dropdown.js')}}
{{ HTML::script('assets/frontend/evami/owlcarousel/js/owl.carousel.js')}}
{{ HTML::script('assets/frontend/evami/js/bootstrap-tagsinput.js')}}
{{ HTML::script('assets/frontend/evami/js/switchery.js')}}
{{ HTML::script('assets/frontend/evami/js/custom-scripts.js')}}

<!--<script type="text/javascript"> 
     $("#contactus").validate({
        rules: {
            contact_name: {
                required: true
            },            
            contact_mobile: {
                required: true,
                minlength: 10,
                maxlength: 10,
                //number: true
                digits: true
            },  
            contact_email: {
                required: true,
                email: true/*,
                emailValidate: true*/
            },
            contact_suject: {
                required: true
            },
            contact_massage: {
                required: true
            }
        },
        messages: {
            contact_name: {
                required: "Please enter your full name"
            },            
            contact_mobile: {
                required: "Please enter Phone No",
                minlength: "Phone No Must Contain at least 10 digit",
                maxlength: "Phone No Must Not Exceed 10 digit",
            },           
            contact_email: {
                required: "Please enter email address",
                email: "Please enter valid email"
            },
            contact_suject: {
                required: "Please type your message."
            },
            contact_massage: {
                required: "Please type your message."
            }
        },
        submitHandler: function(form) {           
          form.submit();           
        }   
    });
    </script>-->
    
    <!-- product search bar -->
    <script>
      jQuery(document).ready(function($) {
        // open search
        $('header li.search').on('click', 'a', function(e) {
          $('.search-bar').fadeIn();
          $('.topmenu').fadeOut();
          e.preventDefault();
        });
        // close search
        $(document).mouseup(function(e) {
          var container = $('.search-bar');
          if (!container.is(e.target) &&
            container.has(e.target).length === 0) {
            $('.search-bar').fadeOut();
            $('.topmenu').fadeIn();
          }
        });
      });
    </script>
    <!-- end product search bar -->
@endsection

PK 99