@extends('layouts.main')
@section('title','My Questions')
@section('content')
<style type="text/css">

a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;
}
.comment {
	
	background-color: #f0f0f0;
	margin: 10px;
}
.test-modal .md-modal, .md-modals {

width: 100% !important;
max-width: 95% !important;
min-width: 1300px !important;

}
.test-modal .md-modal, .md-modals .md-content {

height: 95vh;

}
@media (min-width: 320px) and (max-width: 1300px) {
.test-modal .md-modal, .md-modals {

min-width: 100% !important;

} }
.common-pro-color{
	background: #cecece;
}
</style>
<div class="pcoded-content">
	<div class="pcoded-inner-content p-0">
		<div class="main-body">
			  <div class="hme-loading-mask">
	                <div class="hme-loading-container">
	                    <div class="hme-dual-ring"></div>
	                    <div>Please wait, Loading...</div>
	                </div>
              </div>
			<div class="page-wrapper p-0">
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					 @if($message = Session::get('success'))
		                     <div class="alert alert-success background-success">
		                      <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
		                      <i class="hiremee-multiply text-white"></i>
		                      </button>
		                      <strong>Success!</strong> {{ $message }}
		                    </div>
		                @elseif($message = Session::get('error'))
		                <div class="alert alert-danger background-danger">
		                    <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
		                    <i class="hiremee-multiply text-white"></i>
		                    </button>
		                    <strong>Error!</strong>{{ $message }}
		                  </div>
		                @endif
					<div class="page-header-title">
						<h4>My Questions</h4>

					</div>
					<div  id="company" rel="{{Auth::guard('corporate')->user()->company_id}}" class="page-header-breadcrumb p-r-10">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								@if(Auth::guard('corporate')->user()->user_type == 1)
								<a href="{{secure_url('company/dashboard') }}">
									@elseif(Auth::guard('corporate')->user()->user_type == 2)
									<a href="{{secure_url('recruiter/dashboard') }}">
										@endif 
										<span class="hiremee-home"></span>
									</a>
								</li>
								<li class="breadcrumb-item"><a href="{{ secure_url('pro/question-listing') }}">My Questions</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="page-body">
						<div class="card-block p-0">
						<div class="pageheader">
							<div class="row">
								<div class="col col-md-6 d-flex align-items-center">
									
								</div>
								<div class="col col-md-6 d-flex align-items-center justify-content-end">
									<span class="hme-pro-filter-label"><i class="hiremee-filter"></i></span>
									<div class="pos-relative m-r-5">
										<div class="hme-select-style hme-pro-select-style m-w-250 radius-4">
											 {!! Form::select('pool_master',$pool_master,"",array('class'=>'f-14 hme-select-style js-select2 ','id'=>'js-pool-master','placeholder'=>'Select a Question Pool')) !!}
										</div>
									</div>
									<div class="pos-relative m-r-5">
										<div class="hme-select-style hme-pro-select-style m-w-250 radius-4">
											{!! Form::select('topic',[],"",array('class'=>'f-14 hme-select-style js-select2','id'=>'js-topic-master','placeholder'=>'Select a Question Pool Topic')) !!}
										</div>
									</div>
									@php
			                            $login_user = Auth::guard('corporate')->user();
			                            $get_customized_setting=\App\Helper\HireMeeHelper::getCorporateSettingsDetails($login_user->company_id);
			                        @endphp
			                            @if(!is_null($get_customized_setting))
			                            @if($get_customized_setting->is_course_mapping == 1)
									<div class="pos-relative m-r-5">
										<div class="hme-select-style hme-pro-select-style m-w-250 radius-4">
											{!! Form::select('course_master',$course_master,"",array('class'=>'f-14 hme-select-style js-select2','id'=>'js-course-master','placeholder'=>'Select a Course')) !!}
										</div>
									</div>
									@endif
									@endif
								</div>
							</div>
						</div>

						
						<div class="row">
							<div class="col-md-12">
								<div class="row common-pro-color">
									<div class="col-md-8">
								<div class="pro-color-tab">
									<ul>
										<li>
											<a class="pro-color-item pro-color-border1 active" id="">All - (<span class="questionmethod">{{$total_count ?? "0"}}</span>)</a>
										</li>
										<li>
											<a class="pro-color-item pro-color-border2" id="1" >Basic - (<span class="questionmethod1">{{$total_count_simple ?? "0"}}</span>)</a>
										</li>
										<li>
											<a class="pro-color-item pro-color-border3" id="2" >Intermediate - (<span class="questionmethod2">{{$total_count_intermediate ?? "0"}}</span>)</a>
										</li>
										<li>
											<a class="pro-color-item pro-color-border4" id="3">Advanced - (<span class="questionmethod3">{{$total_count_advance ?? "0"}}</span>)</a>
										</li>

										<!--<li>
											<a class="pro-custom-color-item  pro-color-border4 pro-inactive-qus" id="5"  data-value="1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Note:Carnegie api question not create so click edit and update the questions">Inactive Questions-(<span class="inactive_question">{{$qus_count ?? "0"}}</span>)</a>
											
										</li>-->
									</ul>
								</div>
								</div>
									<div class="col-md-4 align-self-center pro-color-tab">
										<div class="text-right">
											<button class="btn btn-sm btn-success downloadFile mx-4">Download MCQ</button>
										</div>
									</div>
								</div>

								<div class="pro-color-tab-list-container" id="js_question_listing_container">
									@include('pro.include.question-listing-render')

								</div>

								

							</div>
						</div>
						@if($questions->hasMorePages())
                            <div class="col-md-12 ">
                              <div class="text-center">
                                  <button class="btn m-b-15 btn-outline-info " id="js-questionlisting-load-more" data-page='2'>Load more...</button>
                                  
                              </div>
                            </div>
                            @endif
						</div>


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

<div class="md-modal m-w-980 md-effect-1" id="assessmentView">
   <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="clear_topic_modal"><span class="hiremee-multiply f-18"></span></button>
      <div class="row p-l-15 p-r-15">
         <div class="col-sm-12 col-lg-12">
            <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b">Question View</h4>
            </div>
            <div class="min-h-250">
            <div class="form-group" id="_load_assessment">
            </div>
          </div>
           <!--  <div class="row m-t-20  ">
               <div class="col-sm-12 d-flex justify-content-center">
                  <a href="javascript:void(0)" class="btn p-l-40 p-r-40 btn-warning f-16 pull-right" id="clear_topic_modal_2">OK</a>
               </div>
               <div class="col-md-2"></div>
            </div> -->
         </div>
      </div>
   </div>
</div>
<div class="md-modal m-w-600 md-effect-1" id="audiovideoview">
   <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="js-pro-modal-close"><span class="hiremee-multiply f-18"></span></button>
      <div class="row p-l-15 p-r-15">
         <div class="col-sm-12 col-lg-12">
            <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b">Preview</h4>
            </div>
            <div class="min-h-250">
            <div class="form-group" id="js-pro-audio-video-preview">
            </div>
          </div>
         </div>
      </div>
   </div>
</div>

   <div class="modal fade" id="js-audiovideo_preview" role="dialog">
     <div class="modal-dialog modal-md" style="width: 600px;">
        <div class="modal-content ">
          <div class="modal-footer" style="padding-bottom: 0px;">
            <button type="button" id="js-close-popup" class="btn-link close text-dark" style="opacity: 1 !important;" data-dismiss="modal" ><i class="fa fa-times"></i></button>
            </div>
         <div class="modal-body" style="display: flex; justify-content: center;">
                 <div id="js-pro-audiovideo"></div>
             </div>
              <div class="modal-footer" style="border-top: none;">
            
            </div>
           
    </div>
</div>
</div>  
<div class="md-overlay"></div>

 <div class="animation-model test-modal">           
  <div class="md-modals md-effect-13"  id="js-other-file-type-preview" role="dialog">
    <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="clear_frame_modal"><span class="hiremee-multiply f-18"></span></button>
      <div class="hme-loading-mask" style="height: 100%;">
          <div class="hme-loading-container" >
            <div class="hme-dual-ring"></div>
            <div>Please wait, Loading...</div>
          </div>
      </div>
      <div class="row p-l-15 m-h-700 p-r-15">
        <div class="col-sm-12 col-lg-12">
          <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b"></h4>
          </div>
          
          <div class="min-h-550">
          	<div class="pdf-file-preview">
              <iframe id="js-load-pdf-data"  width='100%' style="height: 84vh" allowfullscreen></iframe>
          </div>
          </div>
          <div class="min-h-550">
          	<div class="html-file-preview">
              <iframe id="js-load-html-data" width='100%' style="height: 84vh" allowfullscreen></iframe>
          </div>
          </div>
          <div class="min-h-550">
          	<div class="js-file-preview">
              <iframe id="js-load-js-data" width='100%' style="height: 84vh" allowfullscreen></iframe>
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
</div>
<script src="{{ secure_asset('assets/js/jwplayer.js') }}"></script>
<!--<script type="text/javascript" src="https://content.jwplatform.com/libraries/oPBAJyIw.js">-->
<script>jwplayer.key="57M8H6Hn0mkf9SlfNiJenQdqjZtEq6ZZ14bBbA==";</script>
	<script type="text/javascript">
	
var company = $('#company').attr('rel');
if(company == "{{getenv('POOL_EDIT_RESTRICTED_COMPANY')}}"){
	document.addEventListener('contextmenu', (e) => {
	    e.preventDefault();
	});
	document.onkeydown = (e) => {
	    if (e.keyCode === 123) {
	        return false;
	    }
	    if (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 67)) {
	        return false;
	    }
	    if (e.ctrlKey && e.keyCode === 85) {
	        return false;
	    }
	};

	document.addEventListener('keydown', function (e) {
	    if ((e.ctrlKey || e.metaKey) && ['c', 'a', 'x'].includes(e.key.toLowerCase())) {
	      e.preventDefault();
	    }
	  });

	document.addEventListener('copy', e => e.preventDefault());
}


	initDownloadBtn();
	function initDownloadBtn(){
		if($("#js-pool-master").val() == ''){
			$('.downloadFile').prop('disabled', true);
		}else{
			$('.downloadFile').prop('disabled', false);
		}
	}

	$('#clear_topic_modal').click(function(){
    $('#_load_assessment').html("");
    $('#assessmentView').removeClass('md-show');
    jwplayer().stop();
   });
   $('#js-pro-modal-close').click(function(){
    $('#js-pro-audio-video-preview').html("");
    $('#audiovideoview').removeClass('md-show');
   });
	$("body").on('click',"#js-pro-question-view",function() {
	      var question_id = $(this).attr('data-id');
	      $.ajax({
	        url:"{{ secure_url('pro/questions/view') }}",
	        data:{"id":question_id},
	        dataType:'html',
	        cache:false,
	        success: function(data) {
	          $('#assessmentView').addClass('md-show');
	          $("body").find("#_load_assessment").html(data);
	          /*$('#assessmentView').modal({
	            backdrop: 'static',
	            keyboard: false
	          })
	          $('#assessmentView').modal('show');*/
	        }
	      });
	      return false;
	  });
		$('#js-questionlisting-load-more').on('click',function(){

			  $(this).hide();
			  data_page=$(this).attr('data-page');
			    var ref_this = $("a.active").attr('id');
        		if(ref_this == 5){
        			loadMore(data_page,1);
        		}else{
        			loadMore(data_page);
        		}	
		});

		function loadMore(data_page,value=false){
			 $('.hme-loading-mask').fadeIn();
			  var pool_id = $("#js-pool-master").val();
			  var topic_id = $("#js-topic-master").val();
			  var course_id = $("#js-course-master").val();//Arshad<v2e19815>
			  var difficulty_level= $("a.active").attr('id');
					
			  $.ajax({
			    url: "{{secure_url('pro/question-listing')}}",
			    type: "get",
			    data: {'limit': 100,'request_type':'remote','page':data_page,'pool_id':pool_id,'topic_id':topic_id,'course_id':course_id,'difficulty_level':difficulty_level ? difficulty_level : "",status:value},
			    success: function(response){
			      if (response.status == 200) {
			        $('#js_question_listing_container').append(response.component);
			        $('.hme-loading-mask').fadeOut();
			        $('.js-pro-psy-disabled-tooltip').tooltip();
			         
			        if(response.hasmore == false) {
			          $('#js-questionlisting-load-more').hide();
			        } else {
			          $('#js-questionlisting-load-more').show();
			          $('#js-questionlisting-load-more').attr('data-page',parseInt($('#js-questionlisting-load-more').attr('data-page'))+1);
			        }
			      }
			    },
			    error: function(error){
			      alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
			    }
			  });
		}

	$("#js-topic-master").on("change",function(){
		var pool_id = $("#js-pool-master").val();
		var topic_id = $(this).val();
		var course_id = $("#js-course-master").val();//Arshad<v2e19815>
		var difficulty_level= $("a.active").attr('id');
		$('#js-questionlisting-load-more').attr('data-page',1)
		data_page=$('#js-questionlisting-load-more').attr('data-page');
		search(pool_id,topic_id,course_id,difficulty_level,data_page);
		
	});
	function hideDownloadExcel(pool_id){
	
		if(pool_id != ''){
			restrictedPools = "{{ getenv('RESTRICT_POOL_TO_EDIT') }}".split(',')
			//console.log(restrictedPools);
			if ($.inArray(pool_id, restrictedPools) !== -1){
				$('.downloadFile').hide();
			}else{
				$('.downloadFile').show();
			}
		}else{
			$('.downloadFile').prop('disabled', true);
		}
	}
	$("#js-pool-master").on("change",function(){
		var pool_id = $(this).val();
		hideDownloadExcel(pool_id)
		var topic_id = $("#js-topic-master").val();
		var course_id = $("#js-course-master").val();//Arshad<v2e19815>
		var difficulty_level= $("a.active").attr('id');
		$('#js-questionlisting-load-more').attr('data-page',1)
		data_page=$('#js-questionlisting-load-more').attr('data-page');
		search(pool_id,topic_id,course_id,difficulty_level,data_page);
		 var type = "topic";
	      $.ajax({
	        url: "{{secure_url('pro/get-get-masterdata')}}",
	        type:'get',
	        data:{question_pool_id:pool_id,type:type},
	        success:function(res){
	           $("#js-topic-master").html(res.response);
	           initDownloadBtn();
	        },error:function(res){
	          alert(err);
	        }

	      });
	});
// Arshad <v2e19815>
	$("#js-course-master").on("change",function(){
		var pool_id = $("#js-pool-master").val();
		var topic_id = $("#js-topic-master").val();
		var course_id = $("#js-course-master").val();
		var difficulty_level= $("a.active").attr('id');
		$('#js-questionlisting-load-more').attr('data-page',1)
		data_page=$('#js-questionlisting-load-more').attr('data-page');
		search(pool_id,topic_id,course_id,difficulty_level,data_page);
		 var type = "course";
	     
	});//Arshad<v2e19815>
	function search(pool_id,topic_id,course_id,difficulty_level,data_page,value=false){
  		
	  $('.hme-loading-mask').fadeIn();
	  $.ajax({
	    url: "{{secure_url('pro/question-listing')}}",
	    type: "get",
	    data: {'limit': 100,'request_type':'remote','pool_id':pool_id,'topic_id':topic_id,'course_id':course_id,'difficulty_level':difficulty_level ? difficulty_level : "",'page':data_page,status:value},
	    success: function(response){
	      if (response.status == 200) {
            $('.questionmethod').html(response.total_count);
            $('.questionmethod1').html(response.total_count_simple);
            $('.questionmethod2').html(response.total_count_intermediate);
            $('.questionmethod3').html(response.total_count_advance);
	        $('#js_question_listing_container').html(response.component);
	        $('.inactive-heading').text('Inactive Questions');
	        $('.hme-loading-mask').fadeOut();
	        $('.js-pro-psy-disabled-tooltip').tooltip();
	        if(response.hasmore == false) {
	          $('#js-questionlisting-load-more').hide();
	        }else{
	        	$('#js-questionlisting-load-more').show();
	        	$('#js-questionlisting-load-more').attr('data-page',parseInt($('#js-questionlisting-load-more').attr('data-page'))+1);
	        }
	      }
	    },
	    error: function(error){
	      alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
	    }
	  });
	}
	$(".pro-color-item").on('click',function(){
		$('#myDiv').val('');
		$('#js-questionlisting-load-more').attr('data-page',1)
		data_page=$('#js-questionlisting-load-more').attr('data-page');
		$('.pro-color-item').not(this).removeClass("active");
		$('.pro-inactive-qus').not(this).removeClass("active");
		$(this).addClass("active");
		var pool_id = $("#js-pool-master").val();
		var topic_id = $("#js-topic-master").val();
		var course_id = $("#js-course-master").val();//Arshad<v2e19815>
		var difficulty_level= $(this).attr('id');
		search(pool_id,topic_id,course_id,difficulty_level,data_page);
	});

$(document).on('click','.delete_question',function(){
	var id= $(this).attr("id");
	var topic_id = $(this).attr('data-topic_id');

     swal({
      html: true, 
      title: '<span class="sweet-danger-text">Are You Sure Want to delete?</span>', 
      type: "error",
      showCancelButton: true,
      confirmButtonText: "OK",
      confirmButtonColor: '#f0443a',
      closeOnConfirm: false
    },function(){
         swal.close();
        if(id){
          $.ajax({
            url:"{{secure_url('pro/delete/question')}}",
            type: "post",
            data:{id:id,topic_id:topic_id},
            success: function(res){
	           if(res.status ==200){
	            	 alertMessage("success",res.msg,"Success");
	            	  var pool_id = $("#js-pool-master").val();
					  var topic_id = $("#js-topic-master").val();
					   var course_id = $("#js-course-master").val();//Arshad<v2e19815>
					  var difficulty_level= $("a.active").attr('id');
					  $('#js-questionlisting-load-more').attr('data-page',1)
					  data_page=$('#js-questionlisting-load-more').attr('data-page');
					  search(pool_id,topic_id,course_id,difficulty_level,data_page);
	           
	           }else{
	            alertMessage("danger",res.msg,"Something Went Wrong");
	           }
            },error:function(res){
                  alertMessage("danger",res,"Something Went Wrong");
            }
          })

        }
          
      });
    	return false;

	});


$(document).on('click','.morelink',function(){
	var moretext = "more";
	var lesstext = "less";
		if($(this).hasClass("less")) {
			$(this).parent().parent().find('.moreellipses1').removeAttr("style").removeClass('d-none')
			$(this).parent().find('.moreellipses1').removeAttr("style").removeClass('d-none');
			$(this).removeClass("less");
			$(this).html(moretext);
			
		} else {
			$(this).addClass("less");
			$(this).parent().parent().find('.moreellipses1').addClass('d-none').attr("style", "display:none");
			$(this).parent().find('.moreellipses1').addClass('d-none').attr("style", "display:none");
			$(this).html(lesstext);
		}
		$(this).parent().prev().toggle();
		$(this).prev().toggle();
		return false;
	});
$('body').on('click','#js-pro-audio-video-view',function(){
		var s3_url=$(this).attr('data-id');
		 $.ajax({
      url: "{!! secure_url('pro/get-resourceurl') !!} ",
      type: "POST",
      data: {'s3_url':s3_url},
      success: function(data) {
      		          $('#audiovideoview').addClass('md-show');
            var playerInstance = jwplayer("js-pro-audio-video-preview");
            playerInstance.setup({
                file:data,
                mediaid: "xxxxYYYY",
                Mimetype:"mp4",
           });
      }
  });
	})

$(document).on('click','.audio_type',function(){
  var data=this.value;
  $.ajax({
      url: "{!! secure_url('pro/get-resourceurl') !!} ",
      dataType: "text",
      type: "POST",
      data: {'s3_url':data,'_token': $('meta[name=csrf-token]').attr('content')},
      success: function(data) {
                  console.log(data);

            playerInstance = jwplayer("js-pro-audiovideo");
            playerInstance.setup({
                file:data,
                mediaid: "xxxxYYYY",
                Mimetype:"mp4",
           });
      }
  });
  $('#js-audiovideo_preview').modal('show');
})
	$(".pro-inactive-qus").on('click',function(){
		$('#js-questionlisting-load-more').attr('data-page',1)
		data_page=$('#js-questionlisting-load-more').attr('data-page');
		$('.pro-inactive-qus').not(this).removeClass("active");
		$('.pro-color-item').not(this).removeClass("active");
		$(this).addClass("active");
		var pool_id = $("#js-pool-master").val();
		var topic_id = $("#js-topic-master").val();

	var course_id = $("#js-course-master").val();//Arshad<v2e19815>
		var difficulty_level= '';
		var value=$('.pro-inactive-qus').data('value');
		search(pool_id,topic_id,course_id,difficulty_level,data_page,value);
	});
/* PDF upload Changes*/
	$(document).on('click','#js-pdf_btn',function(){
           getFileTypePreview($(this).val(),'pdf');      
      });
   
      $(document).on('click','.js-pro-otherfiletype-preview',function(){
          getFileTypePreview($(this).data('id'),$(this).data('mediatype'));
      });

     
      function getFileTypePreview(s3_id,extension){
      	$('.pdf-file-preview').addClass('d-none');
               console.log(s3_id);
              $('.hme-loading-mask').fadeIn();
                $.ajax({
                   url: "{{ secure_url('pro/get-resourceurl')}}",
                  dataType: "text",
                  type: "POST",
                  data: {'s3_url':s3_id,'_token': $('meta[name=csrf-token]').attr('content')},
                  success: function(data) {
	      	        //console.log(data);
	      	         
	      	          if(extension == 'zip'){
	                    var a = document.createElement("a");
                         a.href = data; 
                         a.download = 'Corporate_Pro_zip';
                         document.body.appendChild(a);
                          a.click();
                          a.remove();               
	                  }else{
		      	         $('#js-other-file-type-preview').addClass('md-show');
		      	         $('.'+extension+'-file-preview').removeClass('d-none');
		      	         $('#js-load-'+extension+'-data').attr('src',data);
		                 //$('.hme-loading-mask').fadeOut();
	                  }
	                  $('.hme-loading-mask').fadeOut();
                       
                  }
              });
    
           
      }
      $(document).on('click','#clear_frame_modal',function(){

      	 $('#js-other-file-type-preview').removeClass('md-show');
         
      });

      	$(document).on('click', '.downloadFile', function (e) {
		e.preventDefault();

			$('.downloadFile').prop('disabled', true);
		var pool_id = $("#js-pool-master").val();
		var topic_id = $("#js-topic-master").val();
		var course_id = $("#js-course-master").val();
		var difficulty_level = $("a.active").attr('id');

		$.ajax({
			url: "{{ secure_url('pro/question-list/download') }}",
			method: "POST",
			 data: {
			pool_id: pool_id,
			topic_id: topic_id,
			course_id: course_id,
			difficulty_level: difficulty_level
			 },
			xhrFields: { responseType: 'blob' },
			cache: false,
			headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			success: function (data, status, xhr) {
				$('.downloadFile').prop('disabled', false);
			const contentType = xhr.getResponseHeader('Content-Type') ||
				'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';

			const blob = new Blob([data], { type: contentType });

			let filename = 'questions.xlsx';
			const disposition = xhr.getResponseHeader('Content-Disposition');
			if (disposition) {
				let m = disposition.match(/filename\*\s*=\s*UTF-8''([^;]+)/i);
				if (m && m[1]) {
					try { filename = decodeURIComponent(m[1]); } catch { filename = m[1]; }
				} else {
					m = disposition.match(/filename\s*=\s*(?:"([^"]+)"|([^;]+))/i);
					if (m) filename = (m[1] || m[2] || filename).trim();
				}
			}
			const url = window.URL.createObjectURL(blob);
			const link = document.createElement('a');
			link.href = url;
			link.setAttribute('download', filename);
			document.body.appendChild(link);
			link.click();
			link.remove();
			window.URL.revokeObjectURL(url);
			},
			error: function (xhr) {
			let msg = 'Download failed';
			$('.downloadFile').prop('disabled', false);
			try {
				const reader = new FileReader();
				reader.onload = () => {
				try {
					const json = JSON.parse(reader.result);
					// console.error('Server error:', json);
					// alert(json.message || msg);
				} catch {
					// console.error('Non-JSON error', reader.result);
					// alert(msg);
				}
				};
				reader.readAsText(xhr.response);
			} catch {
				alert(msg);
			}
			}
		});
	});

	</script>
	@endsection