@extends('layouts.main', ['title' => 'Detail Pembayaran 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 Pembayaran Siswa
                </p>
            </header>
            <div class="card-content">
                <div class="grid grid-cols-1 grid-cols-2">
                    <div>
                        <ul>
                            <li>
                                NIS : {{ $data->pembayaran->siswa->nis }}
                            </li>
                            <li>
                                Nama : {{ $data->pembayaran->siswa->nama_siswa }}
                            </li>
                            <li>
                                Kelas : {{ $data->pembayaran->siswa->kelas->nama_kelas }} / {{ $data->pembayaran->siswa->kelas->jenjang->nama_jenjang }}
                            </li>
                            <li>
                                No HP : {{ $data->pembayaran->siswa->no_hp }}
                            </li>
                            <li>
                                Tagihan : {{ $data->tagihan->jenis_pembayaran_siswa->jenis_pembayaran->nama_jenis_pembayaran }} / {{ $data->tagihan->periode }}
                            </li>
                            <li>
                                Total Bayar : {{ number_format($data->pembayaran->total_pembayaran) }}
                            </li>
                            <li>
                                Keterangan : {{ $data->keterangan }}
                            </li>
                        </ul>
                    </div>
                    <div>
                        <ul>
                            <li>Penerima : {{$data->pembayaran->user->nama}}</li>
                        </ul>
                        <p class="font-bold">Metode Pembayaran</p>
                        <p>{{ strtoupper($data->pembayaran->metode_pembayaran) }}</p>
                        @if ($data->pembayaran->metode_pembayaran == "transfer")
                            <img src="{{ route('konfirmasi-transfer.bukti-pembayaran',$data->pembayaran_id) }}" alt="" class="w-full">
                        @endif
                    </div>
                </div>
                <hr>
                
            </div>
        </div>

        <div class="card">
            <div class="card-header p-6">
                <a target="_blank" href="{{ route('cetak-preview.index', base64_encode(route('detail-pembayaran.pdf', $data->id))) }}" class="button small bg-blue-500" type="button">
                    <span class="icon"><i class="mdi mdi-printer text-white"></i></span>
                </a>
            </div>
            <div class="card-content">
                <iframe class="w-full" style="height: 100vh;" src="{{ route('detail-pembayaran.pdf',$data->id) }}" frameborder="0"></iframe>
            </div>
        </div>


    </section>
@endsection