@extends('layouts.main')
@section('content')

           <div class="md-modal m-w-980 md-effect-1" id="feedback_form">

    <!-- Feedback (start) -->
        <div class="md-content">
            <button type="button" class="btn btn-primary btn-icon waves-effect md-close login-close-btn"><span class="hiremee-multiply"></span></button>
            <div class="row p-0 m-0">
                <div class="col-xl-4 col-md-4 col-sm-12 col-12 login-head-mobile p-0 m-0">
                    <div class="row">
                        <div class="col-md-12  text-center">
                            <br><br>
                            <img class="img-fluid p-t-50" width="60%" src="assets/images/logo.png" alt="HireMee-Logo" />
                            <br><br>
                            <h4 class="f-w-400">We are happy to<br/>hear from you</h4>
                            <p class="text-muted f-14">Share your valuable feedback for a better experience</p>
                        </div>
                    </div>
                </div>
         
                  
                
                <div class="col-xl-8 col-md-8 col-sm-12 col-12 p-t-40 p-b-30">
                    <div class="row p-l-20 p-r-20">
                        <div class="col-sm-12 col-lg-12">
                           <form name="feedbackpost" id="feedbackpost">
                        <div class="row form-group">
                          <div class="col-md-5 text-right">Subject :</div>
                           <div class="col-md-7">
                               <input type="text" name="feedback_subject" id='feedback_subject' class="form-control" placeholder="Enter Subject">
                           </div>
                        </div>
                        <div class="row form-group">
                          <div class="col-md-5 text-right">Your Message :</div>
                           <div class="col-md-7">
                               <textarea class="form-control max-textarea" maxlength="255" rows="5" name="feedback_message" id='feedback_message' value="" placeholder="Your message (Suggestions, Issues, Improvements ets,.)"></textarea>
                           </div>
                        </div>
                           <div class="row m-t-20  text-right">
                        <div class="col-md-4"></div>
                        <div class="col-sm-8">
                            <button type="submit" class="btn btn-primary pull-right" id="btn_feedbackpost">Send Feedback</button>
                        </div>
                        <div class="col-md-2"></div>
                    </div>
                          </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <!-- Feedback (end) -->
      <div class="md-overlay"></div>
   </div>
@endsection
@section('footer')

<script type="text/javascript">
function success(){
     $.alert({
            title: 'success!',
            content: 'Feedback Send Successfully',
            });
     window.location.reload();
  }

$('#feedbackpost').validate({
    errorElement: 'span',
          errorPlacement: function (error,element){
              var parent = $(element).parent();
              $('.tooltip').tooltip('hide');
              console.log(error[0].id);
              $("body").find('#'+error[0].id+'-custom').remove();
              parent.append('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover"></span>');
              $('#'+error[0].id+'-custom').tooltip();
        },
        success: function (element){
          $("body").find('#'+element[0].id+'-custom').remove();
            $('#'+element[0].id+'-custom').tooltip('hide');
            $('.js-tooltip-validate').tooltip();
        },
         onfocusout: false, 
    rules: {
      feedback_subject:{ 
        required: true,
        minlength : 5,
  },
    feedback_message:{
        required:true,
        minlength : 10,
        },
    },
     messages: {
      feedback_subject: {
        required: "Please enter your subject",
        minlength: "Your password must be at least 5 characters long",

      },
    feedback_message:{
        required:'Please enter your message',
        minlength: "Your password must be at least 10 characters long",
        }
    },
     submitHandler:function(form){
    var type = "candidate";
    var feedback_subject=$('#feedback_subject').val();
    var feedback_message=$('#feedback_message').val();
      $.ajax({
                    url: "{{ url('candidate/feedbackpost') }}",
                        dataType: "json",
                        type: "post",
                        data: {'type':type,'feedback_subject':feedback_subject,'feedback_message':feedback_message,'_token':$('meta[name=csrf-token]').attr('content')},
                         success: function(data) {
                        if(data['status'] == 'success'){
                             success();

                        }
                      
                      }
           });   


    }
});

</script>
@endsection