<?php  if(!defined('BASEPATH')) exit('No direct script access allowed'); ?>

<link rel="stylesheet" href="<?php echo base_url('assets/css/jquery-ui-1.12.1.css'); ?>">
<script language='javascript' src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>"></script>
<script language='javascript'>
function show_kartu_peserta(elem){
	var id = elem.attr('target');
	var title = elem.attr('title');
	var url = elem.attr('href');

	$('#'+id+'').remove();

	$('body').append('<div id="'+id+'" title="'+title+'" style="display:none;position:relative;overflow:scroll;"></div>');

	$('#'+id+'').dialog({
		resizable: true,
		draggable: true,
		width: 500,
		height: 'auto',
		open: function(event, ui) {
			$('#'+id+'').load(url);
		}
	});

	$('#'+id+'').dialog('open');
};
</script>
<style type="text/css">
.ui-dialog-titlebar {background-color: #e9e9f9;}
</style>

<div class="list-frame">
	<h3 class='text-title mt0'>DAFTAR BANTUAN</h3>

<?php if(!empty($daftar_bantuan)): ?>
	<table  class="table table-bordered">
	<caption><h3>Daftar Bantuan Yang Diterima (Sasaran Perorangan)</h3></caption>
	<thead>
	<tr>
		<th>Nama</th>
		<th>Awal</th>
		<th>Akhir</th>
		<th>ID KARTU</th>
	</tr>
	</thead>
	<tbody>
	<?php foreach ($daftar_bantuan as $bantuan) : ?>
	<tr>
		<td><?php echo $bantuan['nama']?></td>
		<td><?php echo tgl_indo($bantuan['sdate'])?></td>
		<td><?php echo tgl_indo($bantuan['edate'])?></td>
		<td>
			<?php if($bantuan['no_id_kartu']) : ?>
			<button type="button" target="kartu_peserta" title="Kartu Peserta" href="<?php echo site_url('first/kartu_peserta/'.$bantuan['id'])?>" onclick="show_kartu_peserta($(this));" class="btn btn-success uibutton special"><span class="fa fa-print">&nbsp;</span><?php echo $bantuan['no_id_kartu']?></button>
			<?php endif; ?>
		</td>
	</tr>
	<?php endforeach; ?>
	</tbody>
	</table>

<?php else: ?>
	<p class='text-danger'>Daftar kosong sebab Anda tidak terdaftar dalam program bantuan apapun.</p>
<?php endif; ?>
</div>

