@extends('layout.master')
@section('content')

                <section class="content pb-5">
                    <div class="container-fluid">
                     <meta name="csrf-token" content="{!! csrf_token() !!}">
                 @if(auth()->user()->role=='super_admin')    
                 <div class="row pt-4">
                  <div class="col-md-12">
                    <div class="title-section">
                      <p>Referral Short Description</p>
                    </div>
                  </div>
                </div>
                <form id="formSubs" enctype="multipart/form-data" method="post">
                 <input name="id" class="form-control" type="hidden" id="id" value="{{@$ReferralShortDescriptions->id}}">
                 <div class="row mt-sm-2">
                  <div class="col-md-12">
                      <div class="form-group custom-form-group">
                        <label class="form-label order-label" for="">Short Description</label>
                        <textarea name="short_description" class="form-control" placeholder="" rows="3">{{@$ReferralShortDescriptions->short_description}}</textarea>
                      </div>
                  </div>

                  <div class="col-md-12">
                    <div class="mb-3">
                      <button type="submit" class="btn btn-danger">Save</button>
                      
                    </div>
                  </div>
              
              </div>
          </form>
          @endif   
</section>

<script src="{{asset('assets/plugins/jquery-validation/jquery.validate.js')}}"></script>
<script src="{{asset('assets/plugins/jquery-validation/jquery.validate.min.js')}}"></script>
            
<script>
$(document).ready(function() {
    $("#formSubs").validate({

            rules: {
                short_description: {required:true},
            },submitHandler: function(form) {
               //form.preventDefault();
               $.ajax({
                  method: 'POST',
                  url:"{{route('post-referral-short-description')}}",
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  data: $("#formSubs").serialize(),
                  dataType:'JSON',
                  beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                      $('#custum-loader').removeClass('hidden');
                      $('body').addClass('no-scroll');
                  },
                  success: function (data) {
                  if(data.status == 'true'){
                      
                      swal({
                          title: "Success",
                          text: data.message,
                          type: "success",
   
                          closeOnConfirm: false,
                          showLoaderOnConfirm: true,
                      },
                      function(){
                          window.location.reload();
                      });
                      
                  }
                  else{
   
                      swal({
   
                        title: "oops!",
                        text: data.message,
                        type: "error",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
   
                    });
   
                  }
              },
              error: function () {
                    swal({
                        title: "oops!",
                        text: "Invalid Data",
                        type: "error",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    }); 
              },
              complete: function () { // Set our complete callback, adding the .hidden class and hiding the spinner.
                  $('#loader').addClass('hidden');
                  $('body').removeClass('no-scroll');
                  $('#custum-loader').addClass('hidden');
              },
   
        });
        }

        });
    });
        </script>
    @endsection