@extends('frontend::layouts.master')

@section('content')
<section class="white-contact-bg">
  <div class="container">
   
    <form id="commentForm" method="post" >
      @csrf
   <div class="row row-centered">

     <div class="col-md-6 col-sm-6 col-centered">
       @if (Session::has('success'))
                <div class="alert alert-success">
                {{ Session::get('success') }}
                </div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
       <div class="row">
         <div class="col-md-12">
          <input type="text" name='name' class="form-contact" placeholder="Your Name" required>
        </div>

        <div class="col-md-12">
          <input type="text" name='email' class="form-contact" placeholder="Your Email" required>
        </div>

        <div class="col-md-12">
         <textarea class="form-contact mrgbtm30" name='description' id='desc' required>Share your thoughts</textarea>

       </div>

       <div class="col-md-12 text-center">
        
        <a class="signup-btn" href="javascript:$('#commentForm').submit();">Send your feedback</a>
      </div>


    </div>
    
  </div>
  <div class="col-md-6 col-sm-6 col-centered">

    <div class="contact-part">
      <img src="img/Contact.png" alt="" class="img-responsive" />

      <p>It is very important for us to keep in touch with
        you, so we are always ready to answer any
      question that interests you.</p>
    </div>


  </div>
</div>
</form>
</div>
</section>







</div>
</div>
</div>
</div>
</section>

@endsection


@section('scripts')

<script>
  $("#desc").focus(function() {

    if( $(this).val() == "Share your thoughts" ) {
        $(this).val("");
    } 
});

  $("#desc").blur(function() {

    if( $(this).val() == "" ) {
        $(this).val("Share your thoughts");
    }

});
$("#commentForm").validate({
         rules: {
          email: {
             required: true,
             email: true
        },
      },
         errorClass: 'input-validation-error',
         errorPlacement: function(){
            return true;  // suppresses error message text
        }
     }
  );
</script>

@endsection