@extends('layouts.main')
@section('pageTitle', 'HireMee GOLD Solutions- Discover your Diamond')

@section('content')
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<div class="d-flex justify-content-between">
						<div class="page-header-title">
							<h4>Solutions</h4>
						</div>
						<div class="page-header-breadcrumb">
							<ul class="breadcrumb-title">
								<li class="breadcrumb-item">
									<a href="#!">
										<span class="hiremee-home"></span>
									</a>
								</li>
								<li class="breadcrumb-item"><a href="/candidate-dashboard">Dashboard</a>
								</li>
								<li class="breadcrumb-item"><a href="#">Solutions</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="page-body">
					<div id="accordion-answer" class="panel-group js-assessment-solution-div">
						{!! $component !!}
					</div>
				</div>
				@if($hasmore)
							<div class="col-md-12">
		            			<div class="text-center">
		            				
		                			<a href="javascript:;" class="btn btn-outline-info" id="js-assessment-solution-loadmore" data-page='2'>Load more...</a>
		            			</div>
		          			</div>
          				@endif
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).find(".js-gold-solution-view-button").on("click",function() {	
		$('.hme-loading-mask').fadeIn();
		var type = $(this).data("type")	
		var link = $(this).data("link")
		var solution_id=$(this).attr('data-id');
		var self = $(this);
	if(link){
			if(type == "view"){
				storeSolution(solution_id,type);
				window.open(link, '_blank');
			}
			if(type == "view-data"){
				$('#js-gold-load-iframe').addClass('md-show');
				$.ajax({
					url: "{{ url('/gold/candidate/solutions_download')}}",
					type: "get",
					data:{'type':type,"s3_id":link},
					success:function(data){		
						 $('.hme-loading-mask').fadeOut();
					    var url=data.s3_id.split('?');
						$('#js-load-data').attr('src','https://docs.google.com/gview?url='+url[0]+'&embedded=true');
						storeSolution(solution_id,type);
					},
					error:function(){
						 $('.hme-loading-mask').fadeOut();
						 swal({
				            html: true, 
				            title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
				            type: "error",
				            showCancelButton: false,
				            confirmButtonText: "OK",
				            closeOnConfirm: false,
				            confirmButtonColor: '#f0443a',
        			   });
					}
				});	
				
			}
		}
	});
	$('#clear_frame_modal').click(function(){
    $('#js-load-data').html("");
    $('#js-gold-load-iframe').removeClass('md-show');
   });
$(document).ready(function(){
		var no_records = $(document).find("#js-no-records").val();
		if(no_records){
			$('#js-assessment-solution-loadmore').hide();
		}
	$(document).find('#js-assessment-solution-loadmore').on('click',function(){
		$('.hme-loading-mask').fadeIn();
		$.ajax({
		    url: baseUrl+'gold/candidate/solutions/{{request()->route('id')}}',
        	type: "get",
        	data: {'request_type':'remote','page':$(this).attr('data-page')},
        	success: function(response){
          		if (response.status == 200) {
            		$('.js-assessment-solution-div').append(response.component);            
            		if(response.hasmore == false) {
              			$('#js-assessment-solution-loadmore').hide();
            		} else {
            			$('#js-assessment-solution-loadmore').show();
            			$('#js-assessment-solution-loadmore').attr('data-page',parseInt($('#js-assessment-solution-loadmore').attr('data-page'))+1);
            		}
        		}
        		$('.hme-loading-mask').fadeOut(); 
	    	},
	    	error:function(error){
	    		$('.hme-loading-mask').fadeOut();
	        	swal({
	            	html: true, 
	            	title: '<span class="sweet-danger-text">Something went wrong</span>', 
	            	type: "error",
	            	confirmButtonText: "OK",
	            	closeOnConfirm: false,
	            	confirmButtonColor: '#f0443a',
	          	});
	    	}
	    });
	});
});

function storeSolution(solution_id,type){
	$.ajax({
					url: "{{ url('/gold/candidate/store-solution-read')}}",
					type: "post",
					data:{'type':type,'solution_map_id':solution_id},
					success:function(data){		
					}
				});		

} 
</script>
@endsection