@extends('layouts.main', ['title' => 'Detail Transfer 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 Transfer Siswa @switch($data->status_pembayaran)
                    @case('pending')
                        <span
                            class="bg-yellow-500 py-1 px-2 text-white rounded-lg ">{{ strtoupper($data->status_pembayaran) }}</span>
                    @break

                    @case('reject')
                        <span
                            class="bg-red-500 py-1 px-2 text-white rounded-lg ">{{ strtoupper($data->status_pembayaran) }}</span>
                    @break

                    @default
                        <span
                            class="bg-green-500 py-1 px-2  text-white rounded-lg ">{{ strtoupper($data->status_pembayaran) }}</span>
                @endswitch
                </p>
            </header>
            <div class="card-content">
                <div class="grid grid-cols-1 grid-cols-2">
                    <div>
                        <ul>
                            <li>
                                NIS : {{ $data->siswa->nis }}
                            </li>
                            <li>
                                Nama : {{ $data->siswa->nama_siswa }}
                            </li>
                            <li>
                                Kelas : {{ $data->siswa->kelas->nama_kelas }} /
                                {{ $data->siswa->kelas->jenjang->nama_jenjang }}
                            </li>
                            <li>
                                No HP : {{ $data->siswa->no_hp }}
                            </li>
                            <li>
                                Waktu Pembayaran : {{ $data->created_at }}
                            </li>
                            <li>
                                Total Bayar : {{ number_format($data->total_pembayaran) }}
                            </li>

                        </ul>
                    </div>
                    <div>
                        <ul>
                            <li>Penerima : {{ $data->user->nama }}</li>
                        </ul>
                        <p class="font-bold">Metode Pembayaran</p>
                        <p>{{ strtoupper($data->metode_pembayaran) }}</p>
                        @if ($data->metode_pembayaran == 'transfer')
                            <img src="{{ route('konfirmasi-transfer.bukti-pembayaran', $data->id) }}" alt=""
                                class="w-full">
                        @endif
                    </div>
                </div>
                <hr>

            </div>
        </div>

        <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 Transaksi
                </p>
            </header>
            <div class="card-content">
                <table>
                    <thead>
                        <tr>
                            <th>
                                No
                            </th>
                            <th>
                                Jenis Pembayaran
                            </th>
                            <th>
                                Periode
                            </th>
                            <th>
                                Jumlah
                            </th>
                            <th>
                                Keterangan
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data->detail_pembayarans as $item)
                            <tr>
                                <td>
                                    {{ $loop->iteration }}
                                </td>
                                <td>
                                    {{ $item->tagihan->jenis_pembayaran_siswa->jenis_pembayaran->nama_jenis_pembayaran }}
                                </td>
                                <td>
                                    {{ $item->tagihan->periode }}
                                </td>
                                <td>
                                    {{ number_format($item->nominal_pembayaran) }}
                                </td>
                                <td>
                                    {{ $item->keterangan }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <th colspan="3" class="text-right">
                                Total
                            </th>
                            <th>
                                {{ number_format($data->total_pembayaran) }}
                            </th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <div class="card mb-6">
            <div class="card-content">
                <div class="field">
                    <label class="label">Keterangan/Tanggapan</label>
                    <div class="field-body">
                        <div class="control">
                            <input class="input" readonly name="tanggapan" type="text"
                                placeholder="Keterangan/Tanggapan..." value="{{ old('tanggapan', @$data->tanggapan) }}">

                        </div>
                        @error('tanggapan')
                            <p class="help is-danger text-red-500">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
                @switch($data->status_pembayaran)
                    @case('pending')
                        <span
                            class="bg-yellow-500 py-1 px-2 text-white rounded-lg ">{{ strtoupper($data->status_pembayaran) }}</span>
                    @break

                    @case('reject')
                        <span class="bg-red-500 py-1 px-2 text-white rounded-lg ">{{ strtoupper($data->status_pembayaran) }}</span>
                    @break

                    @default
                        <span
                            class="bg-green-500 py-1 px-2  text-white rounded-lg ">{{ strtoupper($data->status_pembayaran) }}</span>
                @endswitch

            </div>
        </div>
    </section>
@endsection