@extends('layouts.Layout')

@section('content')
<div id="rootwizard">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <button class="btn btn-secondary"><a href="#tab1" data-toggle="tab">Data Diri</a></button>
                <button class="btn btn-secondary"><a href="#tab2" data-toggle="tab">Periodik</a></button>
                <button class="btn btn-secondary"><a href="#tab3" data-toggle="tab">Asal sekolah</a></button>
                <button class="btn btn-secondary"><a href="#tab4" data-toggle="tab">Orangtua</a></button>
                <button class="btn btn-secondary"><a href="#tab5" data-toggle="tab">Prestasi</a></button>

                @if(@$kartu->status != 'Request')
                    <button class="btn btn-primary-right"><a href="{{url('calonsiswa/getPDF/kartu')}}"><i class="glyphicon glyphicon-download"></i> Cetak Kartu Ujian</a>
                    </button>
                @endif
                
            </div>
        </div>
    </div>
    <div class="tab-content">
        <div class="tab-pane" id="tab1">
            <div class="col-md-12">
                <div class="card">
                    <div class="content">
                        <p>No Pendaftar : {{@$kartu->no_pendaftar}}</p>
                        <p>Nama : {{@$kartu->nama}}</p>
                        <p>Jenis Kelamin : {{@$kartu->jeniskelamin}}</p>
                        <p>Tempat/Tanggal lahir : {{@$kartu->tempatlahir}}/{{@$kartu->tanggallahir}}</p>
                        <p>Agama : {{@$kartu->agama}}</p>
                        <p>Alamat : {{@$kartu->alamat}}</p>
                        <p>Berkebutuhan Khusus : {{@$kartu->kebutuhan_khusus}}</p>
                        <p>No Telp : {{@$kartu->no_hp}}</p>
                    </div>
                </div>
                <div>
                    <a href="{{route('pendaftar.edit',$kartu->id)}}" class="btn btn-primary">Edit</a>
                </div>
            </div>
            
        </div>
        <div class="tab-pane" id="tab2">
            <div class="col-md-12">
                <div class="card">
                    <div class="content">
                        <p>Tinggi badan : {{@$periodik->tinggi_badan}} meter</p>
                        <p>Berat badan : {{@$periodik->berat_badan}} Kg</p>
                        <p>Jarak kesekolah : {{@$periodik->jarak_kesekolah}} meter</p>
                        <p>Waktu tempuh ke sekolah : {{@$periodik->waktu_tempuh}} menit</p>
                        <p>Saudara kandung : {{@$periodik->jumlah_saudara}} orang</p>
                    </div>
                </div>
                <div>
                    <a href="{{route('periodik.edit',$kartu->id)}}" class="btn btn-primary">Edit</a>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tab3">
            <div class="col-md-12">
                <div class="card">
                    <div class="content">
                        <p>Nama Sekolah : {{@$smp->nama_sekolah}}</p>
                        <p>Alamat Sekolah : {{@$smp->alamat_sekolah}}</p>
                        <p>NISN : {{@$smp->nisn}}</p>
                        <p>NIK : {{@$smp->nik}}</p>
                        <p>Nomor Ijazah : {{@$smp->no_ijazah}}</p>
                        <p>Nomor SKHUN : {{@$smp->no_skhun}}</p>
                        <p>Nomor Ujian Nasional : {{@$smp->no_ujiannasional}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tab4">
            <div class="col-md-12">
                <div class="card">
                    <div class="content">
                        <h5>Data Ayah</h5>
                        <p>Nama : {{@$ot->nama_ayah}}</p>
                        <p>Tahun lahir : {{@$ot->tahun_lahir_ayah}}</p>
                        <p>NIK : {{@$ot->nik_ayah}}</p>
                        <p>Berkebutuhan Khusus : {{@$ot->kebutuhan_khus_ayah}}</p>
                        <p>Pekerjaan : {{@$ot->pekerjaan_ayah}}</p>
                        <p>Pendidikan : {{@$ot->pendidikan_ayah}}</p>
                        <p>Penghasilan Per Bulan: {{@$ot->penghasilan_bulanan_ayah}}</p>

                        <h5>Data Ibu</h5>
                        <p>Nama : {{@$ot->nama_ibu}}</p>
                        <p>Tahun lahir : {{@$ot->tahun_lahir_ibu}}</p>
                        <p>NIK : {{@$ot->nik_ibu}}</p>
                        <p>Berkebutuhan Khusus : {{@$ot->kebutuhan_khus_ibu}}</p>
                        <p>Pekerjaan : {{@$ot->pekerjaan_ibu}}</p>
                        <p>Pendidikan : {{@$ot->pendidikan_ibu}}</p>
                        <p>Penghasilan Per Bulan: {{@$ot->penghasilan_bulanan_ibu}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="tab5">
            <div class="col-md-12">
                <div class="card">
                    <div class="content">
                        <p>Jenis Prestasi : {{@$pres->jenis_prestasi}}</p>
                        <p>Nama Prestasi : {{@$pres->nama_prestasi}}</p>
                        <p>Tahun : {{@$pres->tahun_prestasi}}</p>
                        <p>Penyelenggara: {{@$pres->penyelenggara}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection