@php
	$serverOrigin = $_SERVER['HTTP_ORIGIN'];
	$id = $evaluator->id;
@endphp
<style type="text/css">
	.text-center {
		text-align: center !important;
	}
	.inboxDivHead {
		background-color: #f0f3f7;
		padding:20px;
		box-shadow:rgb(34 34 34) -2px 3px 6px -6px
	}
	.rowCus {
		width: 100%;
		/*padding:20px;
		padding-bottom:0px;
		box-shadow:rgb(34 34 34) -2px 3px 6px -6px;*/
	}
	.rowMarg {
		margin: 0;
		margin-bottom: -10px;
	}
	.cardBodyStyle {
		height: 100% !important;
	}
	.divClss {
		position: absolute;
    	right: 20px;
	}
</style>
<input type="hidden" value="{{$id}}" id="idResponse">
<div class="card card-custom card-stretch">
	<div class="card-header align-items-center flex-wrap justify-content-between py-5 h-auto">
		<div class="d-flex align-items-center my-2">
			<a href="#" class="btn btn-clean btn-icon btn-sm mr-6" data-inbox="back">
				<i class="flaticon2-left-arrow-1"></i>
			</a>
		</div>
		<div class="editEvalDiv divClss">
			<a class="btn btn-default btn-sm btn-icon editThisEval" style="width: 100%;padding: 20px;display:none">
				Edit Evaluations&nbsp;&nbsp;&nbsp;<i class="flaticon-cogwheel-1"></i>
			</a>
		</div>
		<div class="editEvalSave divClss" style="display:none">
			<a class="btn btn-default btn-sm btn-icon saveThisEval" style="width: 100%;padding: 20px;">
				Update Evaluations&nbsp;&nbsp;&nbsp;<i class="flaticon2-check-mark"></i>
			</a>
		</div>
	</div>
	<div class="card-body p-0" style="overflow:hidden;">
		<div class="d-flex align-items-center justify-content-between flex-wrap card-spacer-x py-5">
			<div class="d-flex align-items-center mr-2 py-2">
				<div class="font-weight-bold font-size-h3 mr-3">{{$evaluator->lname.', '.$evaluator->fname}}</div>
			</div>
			<div class="d-flex py-2">
				<a class="btn btn-default btn-sm btn-icon printThis" style="display:none" data-card-tool="toggle" data-toggle="tooltip" data-placement="top" title="Export to PDF">
					<i class="fas fa-file-pdf"></i>
				</a>
				<div class="spinner spinner-track spinner-success mr-15 spinnerPrint"></div>
			</div>
		</div>
		<form id="updateEvalForm">
			<div class="mb-3-data" style="background:#fff; padding:50px!important">
				<br><br><br><br>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript">
	jQuery(document).ready(function() {
		$('[data-toggle="tooltip"]').tooltip();
		jQuery(".mb-3-data").load('/pdfResponse/-0', function(data){
			var id = jQuery('#idResponse').val();
			jQuery.post('/public/savePDFResponse', {id:id, data:data}, function(dar) {
                jQuery('.mb-3-data').html(data);
				jQuery('.spinnerPrint').hide();
				jQuery('.printThis').show();
				jQuery('.editThisEval').show();
            });
        });

		jQuery('.editThisEval').click(function(e) {
			e.preventDefault();
			var dt = jQuery(this);
			dt.html('Loading..&nbsp;&nbsp;&nbsp;<div class="spinner spinner-track spinner-success mr-15 spinnerPrint"></div>');
			setTimeout(function() {
				dt.html('Edit Evaluations&nbsp;&nbsp;&nbsp;<i class="flaticon-cogwheel-1"></i>');
				dt.hide();
				jQuery('.editEvalSave').show();
				jQuery('.saveThisEval').show();
				jQuery('.radiosSub').prop('disabled', false);
				jQuery('.radiosHead').prop('disabled', false);
				jQuery('.cardBodyFooterResP').hide();
				jQuery('.cardBodyFooterResText').show();
			}, 1000);
		});


		jQuery('.saveThisEval').click(function(e) {
			e.preventDefault();
			var dt = jQuery(this);
			dt.html('Updating..&nbsp;&nbsp;&nbsp;<div class="spinner spinner-track spinner-success mr-15 spinnerPrint"></div>');
			
			KTApp.block('.mb-3-data', {
                overlayColor: '#000000',
                state: 'primary',
                message: 'Loading...'
            });

	        var data = jQuery("#updateEvalForm").serialize();
	        var form = $("#updateEvalForm")[0];
	        var formData = new FormData(form);
	        jQuery.ajax({
	            url: "/public/updateEval",
	            data: formData,
	            type: "POST",
	            processData: false,
	            contentType: false,
	            success: function (data) {
	                var obj = JSON.parse(data);
	                Swal.fire({
	                    icon: "success",
	                    title: "Evaluations Updated Successfully",
	                    html: obj["content"],
	                }).then(function () {
	                	dt.html('Update Evaluations&nbsp;&nbsp;&nbsp;<i class="flaticon-cogwheel-1"></i>');
						dt.hide();
						KTApp.unblock('.mb-3-data');
						jQuery(".mb-3-data").load('/pdfResponse/-0', function(data){
							var id = jQuery('#idResponse').val();
							jQuery.post('/public/savePDFResponse', {id:id, data:data}, function(dar) {
				                jQuery('.mb-3-data').html(data);
								jQuery('.spinnerPrint').hide();
								jQuery('.printThis').show();
								jQuery('.editThisEval').show();
				            });
				        });
	                });
	            },
	        });
		});

		jQuery('.printThis').click(function(e) {
			e.preventDefault();
			var id = jQuery('#idResponse').val();
			window.open('/public/PDFViewer?id='+id+'&tp='+2, '_blank');
		});

	});
</script>