@include('components.theme.pages.header')
<section>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="h6 text-primary font-weight-bold m-0">Detil Siswa</h3>
                </div>
                <div class="card-body">
                <div class="alert alert-primary mb-3">
                    Berikut informasi siswa yang terdaftar dari Bapak/Ibu <b>{{ user()->name }}</b>
                </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered" width="100%">
                            <tr>
                                <th>Nama Lengkap</th>
                                <td>{{ $detail->nama }}</td>
                            </tr>
                            <tr>
                                <th>Kelas</th>
                                <td>{{ $detail->id_kelas == null ? 'belum diatur oleh admin' : $detail->kelas->name }}</td>
                            </tr>
                            <tr>
                                <th>Alamat Tinggal</th>
                                <td>{{ $detail->alamat }}</td>
                            </tr>
                            <tr>
                                <th>Agama</th>
                                <td>{{ $detail->agama == 1 ? 'Islam' : ($detail->agama == 2 ? 'Kristen' : ($detail->agama == 3 ? 'Buddha' : 'Konghucu')) }}</td>
                            </tr>
                            <tr>
                                <th>No. Telepon</th>
                                <td>{{ $detail->telepon }}</td>
                            </tr>
                            <tr>
                                <th>Asal Kota</th>
                                <td>{{ $detail->kota_siswa }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@include('components.theme.pages.footer')