var postData = JSON.parse(Base64.decode(`W3sidGl0bGUiOiJQaFx1MDBlMm4gY2hpYSBtXHUxZWEzbmcgc1x1MWVkMSBuZ3V5XHUwMGVhbiB0aFx1MDBlMG5oIDIgcGhcdTFlYTduICsgY2hcdTFlYWZjICsgbFx1MWViYiIsImlkIjoxMzM5LCJjYXRfbmFtZSI6IkphdmEgQWR2YW5jZWQifSx7InRpdGxlIjoiQ2hcdTAxYjBcdTAxYTFuZyB0clx1MDBlY25oIHF1XHUxZWEzbiBsXHUwMGZkIHNpbmggdmlcdTAwZWFuIGJcdTFlYjFuZyBIYXNoTWFwIC0gSmF2YSBBZHZhbmNlZCIsImlkIjoxMDU4LCJjYXRfbmFtZSI6IkphdmEgQWR2YW5jZWQifSx7InRpdGxlIjoiRXhhbWluYXRpb24tIEFERjEgLSBKYXZhIEJhc2ljIC0gVGhpIHRoXHUxZWYxYyBoXHUwMGUwbmggLSBUMTkwN0EiLCJpZCI6MTA0NSwiY2F0X25hbWUiOiJKYXZhIEJhc2ljIn1d`))

if(postData.length == 0) {
	$('[filter=interestPost]').remove()
} else {
	var html = `
		<table class="table table-bordered">
			<thead>
				<tr>
					<th>No</th>
					<th>Title</th>
					<th>Subject Name</th>
					<th></th>
				</tr>
			</thead>
			<tbody id="postData">
			</tbody>
		</table>
	`
	$('[data=postData]').html(html)

	for(i=0;i<postData.length;i++) {
		item = postData[i]
		$('#postData').append(`
			<tr>
				<td>${i+1}</td>
				<td>${item.title}</td>
				<td>${item.cat_name}</td>
				<td><button class="btn btn-success" onclick="showDetail(${item.id}, 78)">Detail</button></td>
			</tr>
		`)
	}

	$('[data=postData]').append(`
		<div id="myModal" class="modal" style="display: none;position: fixed;z-index: 9999999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);">
			<!-- Modal content -->
			<div class="modal-content" style="background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;">
			<span class="close" style="color: #aaaaaa;float: right;font-size: 28px;font-weight: bold; cursor: pointer;" onclick="$('#myModal').hide()">&times;
</span>
			<p id='cv_comments'></p>
			</div>
		</div>`)

	function showDetail(id, idUser) {
		$.get('https://gokisoft.com/cv/cv_get_detail_post/sync?id='+id+'&idUser='+idUser, function(data) {
			$('#myModal').show()
			//data = JSON.parse(data)
			$('#cv_comments').html(data)
		})
	}
}