@extends('layouts.main', ['title' => 'Detail Tabungan Siswa'])



@section('content')
    <section class="section main-section">
        <div class="card mb-6">
            <header class="card-header">
                <p class="card-header-title">
                    <span class="icon"><i class="mdi mdi-ballot"></i></span>
                    Detail Tabungan Siswa
                </p>
            </header>
            <div class="card-content">
                <ul>
                    <li>
                        NIS : {{ $data->nis }}
                    </li>
                    <li>
                        Nama : {{ $data->nama_siswa }}
                    </li>
                    <li>
                        Jenjang : {{ $data->kelas->jenjang->nama_jenjang }}
                    </li>
                    <li>
                        Kelas : {{ $data->kelas->nama_kelas }}
                    </li>
                    <li>
                        Kelas Pararel : {{ $data->kelas_pararel->nama_kelas_pararel }}
                    </li>
                    <li>
                        Whatsapp : <a class="text-green-500" href="https://wa.me/{{ $data->no_hp }}" target="_blank">{{ $data->no_hp }}</a>
                    </li>
                </ul>
                <hr>
                <table class="my-2">
                    <thead>
                        <tr>
                            <th>
                                No
                            </th>
                            <th>
                                Tanggal
                            </th>
                            <th>
                                Proses
                            </th>
                            <th>
                                Jumlah
                            </th>
                            <th>
                                Keterangan
                            </th>
                          
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data->tabungans as $tabungan)
                            <tr>
                                <td>
                                    {{ $loop->iteration }}
                                </td>
                                <td>
                                    {{ $tabungan->tanggal_tabungan }}
                                </td>
                                <td>
                                    {{ $tabungan->proses_tabungan }}
                                </td>
                                <td>
                                    {{ number_format($tabungan->jumlah_tabungan) }}
                                </td>
                                <td>
                                    {{ $tabungan->keterangan_tabungan }}
                                </td>
                                
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3">
                                <strong>Total</strong>
                            </td>
                            <td>
                                <strong>{{ number_format($data->total_tabungan) }}</strong>
                            </td>
                            <td ></td>
                        </tr>
                    </tfoot>
                </table>
                <a href="{{ route('cetak-preview.index', base64_encode(route('tabungan-siswa.pdf', $data->id))) }}" class="text-white mt-4 button bg-blue-500" type="button">
                    <span class="icon"><i class="mdi mdi-printer text-white"></i></span>  Cetak PDF
                </a>
            </div>
        </div>


    </section>
@endsection