@extends('admin.layouts.contentLayoutMaster')

@section('title','FAQ Create')
@section('pagelevelcss')
@stop
@section('content')
<div class="section">
    <div class="card">
        <div class="card-content">
            <div class="row">
              <!-- Form Advance -->
              <div class="col s12 m12 l12">
                  <div class="card-content">
                    <form action="{{route('faq.save')}}" method="post" name="create_faq_form" id="create_faq_form"  enctype="multipart/form-data">
                      {{ csrf_field() }}
                      <div class="row">
                        <div class="input-field col s12">
                            <input id="name" type="text" name="name" value="{{old('name')}}" maxlength="255">
                            <label for="name">Name<span class="red-text">*</span></label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                            <input id="email" type="text" name="email" value="{{old('email')}}" maxlength="255">
                            <label for="email">Email<span class="red-text">*</span></label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                          <textarea class="materialize-textarea" name="question">{{old('question')}}</textarea>
                          <label for="question">Question<span class="red-text">*</span></label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                          <textarea class="materialize-textarea" name="answer">{{old('answer')}}</textarea>
                          <label for="answer">Answer<span class="red-text">*</span></label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                          <button class="btn waves-effect waves-light left" type="submit">Submit
                          </button>
                        </div>
                      </div>
                    </form>
                  </div>
              </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('pageleveljs')
<script type="text/javascript">
$(function(){
  $("#create_faq_form").validate({
      ignore: '',
      rules: {   
          name:"required",
          email: { 
            required: true,
            email: true,
          },
          question:"required",
          answer:"required",
      },
      messages:{
          name: {
              required: "Please enter name.",
          },
          email: {
              required: "Please enter email.",
              email: "Please enter valida email.",
          },
          question: {
              required: "Please enter question.",
          },
          answer: {
              required: "Please enter answer.",
          },
      },
      errorElement: 'span',
  });
});
</script>
@stop