@extends("template.master")

@section("section_content")

<!-- Main content -->
<section class="content">
	<!-- Default box -->
	<div class="box">
		<div class="row no-print">
			<div class="col-xs-12">
			<br>
			<p>&nbsp;&nbsp; Pengaturan Print :<br>
			&nbsp;&nbsp; 1. Pilih Ukuran Kertas A4<br>
			&nbsp;&nbsp; 2. Pilih Margin Default<br>
			&nbsp;&nbsp; 3. Disarankan Print menjadi PDF terlabih dahulu lalu dari PDF tersebut lakukan print kartu<br></p>
				&nbsp;&nbsp; <button class="btn btn-success" onclick="window.print();">  <i class="fa fa-print"></i> Print this page</button><br><br>

			</div>
		</div><!-- /.box -->
		<div class="row">
			<div class="col-xs-6">
				<img src="{{url('banner/'.$setting->bg_kartu)}}" height="200" width="340"  style="margin: auto;border-radius: 10px;" />
				<style type="text/css">
					.text{
						z-index:100;
						position:absolute;    
						color:black;
						font-size:9px;
						left:20px;
						top:5px; 
					}
				</style>
				<div class="text">
					<p style="margin-left: 110px"><u>KETENTUAN PERPUSTAKAAN</u></p>
					<p>1. Gunakan Kartu Ini Untuk Peminjaman Buku</p>
					<p>2. Jika Menemukan Kartu Ini Harap berikan mengembalikan ke perpustakaan <br>SMA Kristen Barana</p>
					<p>3. Kartu Ini Tidak Boleh Dipinjamkan</p>
					<p>4. Jika Masa Berlaku Habis Silahkan Ke Perpustakaan</p>
					<p style="margin-left: 200px;">Samarinda , {{date('d-m-Y')}}<br>Kepala Sekolah<br></p>
					<p style="margin-left: 200px;"><u>Rislyon Ripi</u><br>Nip. 019237483434337</p>
				</div>
				
			</div>
			<div class="col-xs-6">
				<img src="{{url('banner/'.$setting->bg_kartu)}}" alt="barcode" height="200" width="340"  style="margin: auto;border-radius: 10px;" />
				<img src="{{url('banner/'.$setting->header_kartu)}}" alt="barcode" height="50" width="328" style="z-index:100;
				position:absolute;
				left:15px;
				top:1px; 
				border-radius: 10px;
				border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;" />
				<table border="0" style="z-index:100;
				position:absolute;    
				color:black;
				font-size:10px;
				left:20px;
				top:65px; ">
				<tr>
					<td rowspan="6" width="70"><img src="{{url('siswa/'.$anggota->siswa->foto)}}" width="70" />&nbsp;</td>
				</tr>

				<tr>
					<td ><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;Nis</font></td>
					<td colspan="2"><font size="2">: {{$anggota->siswa->nis}}</font></td>
				</tr>
				<tr>
					<td><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;Name</font></td>
					<td><font size="2">: {{$anggota->siswa->nama_siswa}}</font></td>
				</tr>
				<tr>
					<td><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;Class</font></td>
					<td><font size="2">: {{$anggota->siswa->kelas->nama_kelas}}</font></td>
				</tr>
				<tr>
					<td><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;Valid Date</font></td>
					<td><font size="2">: {{$anggota->expired_at}}</font></td>
				</tr>
				<tr>
					<td colspan="3">
						<center>&nbsp;&nbsp;&nbsp;&nbsp;<img src="data:image/png;base64,{{DNS1D::getBarcodePNG($anggota->kode_barcode, 'C93')}}" alt="barcode" style="border-radius: 0px;" /></center>
					</td>
				</tr>

			</table>
			<br><br>
		</div>

	</div>

</section><!-- /.content -->
@endsection