@extends('admin.layout.master')

@section('content')
<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
              <li class="breadcrumb-item" aria-current="page"><a href="{{route('admin.website-management.pass-page')}}">Coaching Page</a></li>
              <li class="breadcrumb-item active" aria-current="page"><a href="{{route('admin.website-management.pass-page')}}">Faq</a></li>
              <li class="breadcrumb-item active" aria-current="page">Add New Faq</li>
						</ol>
					</div>
           <!-- MAIN BODY CONTENT -->
           @if(isset($faqDetails))
            <h1 class="pageHeadTag">Edit FAQs</h1>
           @else
            <h1 class="pageHeadTag">Add New FAQs</h1>
           @endif
            <!--PORTAL INTRUCTION AREA -->
            <div class="card instruction_area">
              <div class="card-body">
                <form method="post" id="add_faq_frm">
                  <div class="editor-inst-box">
                    <div class="form-group">
                      <label for="totalMarks" class="form-label">Title<span class="text-danger">*</span></label>
                      <input type="text"  name="faq_title" id="faq_title" class="form-control form_input" placeholder="Enter your title" value="@if(isset($faqDetails)){{$faqDetails->faq_title}}@endif"/>
                      <input type="hidden"  name="edit_id" id="edit_id" value="@if(isset($faqDetails)){{$faqDetails->id}}@endif"/>
                    </div>
                    <div class="form-group">
                      <label for="totalMarks" class="form-label">Type Your Query<span class="text-danger">*</span></label>
                      <textarea name="faq_content" id="faq_content" cols="30" rows="10">@if(isset($faqDetails)){{$faqDetails->faq_content}}@endif</textarea>
                    </div>
                  </div>
                  <div class="test-footer">
                    <a href="{{route('admin.website-management.coaching-page')}}" class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14" >Cancel</a>
                    <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 saveFaq">Save</button>
                    @if(!isset($faqDetails))
                    <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 publishFaq" name="publish">Publish</button>
                    @endif
                  </div>
                </form>
              </div>
            </div>
            <!--// MAIN BODY CONTENT -->
		</div>
	</div>

  
@endsection
@section('scripts')
<script type="text/javascript">
$(function(){  
$('body').on('click','.saveFaq, .publishFaq', function(e){
        e.preventDefault();
        var that = $(this);
        $('.ajs-error').click();
        var err = 0;
        $('.form_input').css('border', '1px solid #e8ebf3');  
        if($('.form_input').val() == ''){
            err = 1;
            $('.form_input').css('border', '1px solid #f00');  
            alertify.error('Faq title is required');
        }
        if(CKEDITOR.instances['faq_content'].getData() == ''){
            err = 1;
            $('#faq_content').css('border', '1px solid #f00');  
            alertify.error('Faq content is required');
        }
        if(err == 0){
            if($('#edit_id').val() > 0) {
                $.ajax({
                    url: coaching_page_save_faq,
                    type: "POST",
                    data : {
                        'edit_id' : $('#edit_id').val(),
                        'faq_title' : $('#faq_title').val(),
                        'faq_content' : CKEDITOR.instances['faq_content'].getData()
                    },
                    headers: {
                        'X-CSRF-TOKEN': csrf_token,
                        '_token' : csrf_token
                    },    
                    dataType: 'JSON',
                    success:function (data) {
                        console.log(data);
                        if (data.status == 200){
                            Swal.fire('Faq updated successfully');
                            window.location.href=website_management_coaching_page;
                        } else {
                            alertify.error(data.message);  
                            that.attr('disabled', false);
                        }
                    }, error:function (data) {                        
                        alertify.error('some error occured');      
                        that.attr('disabled', false);       
                    }
                })
            } else {
                if(that.attr('name') == 'publish'){
                    Swal.fire({
                        title: 'Do you really want to publish ?',
                        text: "",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Yes'
                        }).then((result) => {
                        if (result.value) {
                        that.attr('disabled', true);
                            $.ajax({
                                url: coaching_page_save_faq,
                                type: "POST",
                                data : {
                                    'faq_title' : $('#faq_title').val(),
                                    'faq_content' : CKEDITOR.instances['faq_content'].getData(),
                                    'status' : 1
                                },
                                headers: {
                                    'X-CSRF-TOKEN': csrf_token,
                                    '_token' : csrf_token
                                },    
                                dataType: 'JSON',
                                success:function (data) {
                                    console.log(data);
                                    if (data.status == 200){
                                        $('#coachingPageFaqSuccesModal').modal('show');
                                    } else {
                                        alertify.error(data.message);  
                                        that.attr('disabled', false);
                                    }
                                }, error:function (data) {                        
                                    alertify.error('some error occured');      
                                    that.attr('disabled', false);       
                                }
                            })
                        }
                    })
                } else {
                    $.ajax({
                        url: coaching_page_save_faq,
                        type: "POST",
                        data : {
                            'faq_title' : $('#faq_title').val(),
                            'faq_content' : CKEDITOR.instances['faq_content'].getData()
                        },
                        headers: {
                            'X-CSRF-TOKEN': csrf_token,
                            '_token' : csrf_token
                        },    
                        dataType: 'JSON',
                        success:function (data) {
                            console.log(data);
                            if (data.status == 200){
                                Swal.fire('Faq saved successfully');
                                window.location.href=website_management_coaching_page;
                            } else {
                                alertify.error(data.message);  
                                that.attr('disabled', false);
                            }
                        }, error:function (data) {                        
                            alertify.error('some error occured');      
                            that.attr('disabled', false);       
                        }
                    })
                }
                
            }
        } else {
            that.attr('disabled', false);
        }  
    })
})
</script>
<script>
  CKEDITOR.replace( 'faq_content');
</script> 
@endsection