You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
3.1 KiB
PHTML
95 lines
3.1 KiB
PHTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>KTA Anggota</title>
|
|
<style>
|
|
.grid-3{
|
|
width : 297mm;
|
|
max-width : 297mm;
|
|
display : grid;
|
|
grid-template-columns : calc(100%/3) calc(100%/3) calc(100%/3);
|
|
}
|
|
div{
|
|
font-size:12pt;
|
|
}
|
|
.grid-3 > div{
|
|
padding: 10px;
|
|
border: 1px solid black;
|
|
}
|
|
h1{
|
|
font-size: 1rem;
|
|
text-align: center;
|
|
}
|
|
.grid-31{
|
|
display : grid;
|
|
grid-template-columns : 150px 10px auto;
|
|
}
|
|
.grid-x{
|
|
display : grid;
|
|
grid-template-columns : 10px auto;
|
|
}
|
|
.grid-31 div{
|
|
border-bottom: 1px solid #dddddd;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="grid-3">
|
|
@foreach($data as $ang)
|
|
<div>
|
|
<h1>BIODATA ANGGOTA</h1>
|
|
<div class="grid-31">
|
|
|
|
<div>NO.INDUK</div>
|
|
<div>:</div>
|
|
<div>{{$ang->kode}}</div>
|
|
|
|
<div>NAMA</div>
|
|
<div>:</div>
|
|
<div>{{$ang->nama}}</div>
|
|
|
|
<div>TGL. LAHIR</div>
|
|
<div>:</div>
|
|
<div>{{date('d-m-Y', strtotime($ang->tgllahir))}}</div>
|
|
|
|
<div>JENIS KELAMIN</div>
|
|
<div>:</div>
|
|
<div>{{$ang->jk}}</div>
|
|
|
|
<div>TELP</div>
|
|
<div>:</div>
|
|
<div>{{$ang->telp}}</div>
|
|
|
|
<div>UNIT KERJA</div>
|
|
<div>:</div>
|
|
<div>{{$ang->unitkerja}}</div>
|
|
|
|
<div>ALAMAT RUMAH</div>
|
|
<div>:</div>
|
|
<div>{{$ang->alamat}}</div>
|
|
|
|
<div>TAHUN MASUK</div>
|
|
<div>:</div>
|
|
<div>{{date('d-m-Y', strtotime($ang->masuk))}}</div>
|
|
|
|
</div>
|
|
<div>
|
|
<h2>Ketarangan</h2>
|
|
<div class="grid-x">
|
|
<div style="padding-bottom:5px;">-</div>
|
|
<div style="padding-bottom:5px;"> Mohon dikoreksi ulang untuk kejelasan data.</div>
|
|
<div style="padding-bottom:5px;">-</div>
|
|
<div style="padding-bottom:5px;"> Untuk unit kerja Guru TK/SD/SMP/SMA, harap ditulis lengkap nama sekolahannya.</div>
|
|
<div style="padding-bottom:5px;">-</div>
|
|
<div style="padding-bottom:5px;"> Apabila terdapat kesalahan data, maka bisa di konfirmasi ke nomor Warpeka ( 085 748 055 474 ).</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
</body>
|
|
</html> |