@extends('layouts.main', ['title' => 'Konfirmasi Transfer'])
@push('styles')
    <link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet" type="text/css">
    <script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest" type="text/javascript"></script>
@endpush

@push('scripts')
    <script>
        const dataTable = new simpleDatatables.DataTable("#myTable");
    </script>
@endpush

@section('content')
    <section class="section main-section">

        <div class="card ">
            <header class="card-header">
                <div class="card-header-title">
                    <span class="icon"><i class="mdi mdi-account-multiple"></i></span>
                    Konfirmasi Transfer

                </div>

            </header>
            <div class="card-content">
                <table id="myTable">
                    <thead>
                        <tr>

                            <th>
                                No Pembayaran
                            </th>
                            <th>
                                Nis
                            </th>
                            <th>
                                Nama Siswa
                            </th>
                            <th>Tanggal Pembayaran</th>
                            <th>Jumlah</th>
                            <th>Bukti Transfer</th>
                            <th>Dibuat Pada</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($datas as $data)
                            <tr>
                                <td>
                                    {{ $data->no_pembayaran }}
                                </td>
                                <td data-label="NIS">
                                    {{ $data->siswa->nis }}
                                </td>
                                <td data-label="NIS">
                                    {{ $data->siswa->nama_siswa }}
                                </td>
                                <td data-label="NIS">
                                    {{ $data->tanggal_pembayaran }}
                                </td>
                                <td data-label="Name">
                                    {{ number_format($data->total_pembayaran) }}
                                </td>
                                <td data-label="Jenjang">
                                    <a href="{{ route('konfirmasi-transfer.bukti-pembayaran', $data->id) }}" target="_blank"
                                        class="text-blue-500 flex gap-1 justify-center"><span class="iconify text-2xl"
                                            data-icon="mdi-image-area"></span> Bukti Pembayaran</a>
                                </td>


                                <td data-label="Created">
                                    {{ $data->created_at->diffForHumans() }}
                                </td>
                                <td class="actions-cell flex gap-1 text-sm justify-center">
                                    <a href="{{route('konfirmasi-transfer.terima-view',$data->id)}}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 rounded">Terima</a>
                                    <a href="{{route('konfirmasi-transfer.tolak-view',$data->id)}}" class="bg-red-500 hover:bg-red-700 text-white font-bold py-1 px-2 rounded">Tolak</a>
                                    {{-- <form action="{{route('konfirmasi-transfer.terima',$data->id)}}" method="POST">
                                        @csrf
                                        <button
                                            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 rounded">
                                            Terima
                                        </button>
                                    </form>
                                    <form action="{{route('konfirmasi-transfer.tolak',$data->id)}}"  method="POST">
                                        @csrf
                                        <button
                                            class="bg-red-500 hover:bg-red-700 text-white font-bold py-1 px-2 rounded">
                                            Tolak
                                        </button>
                                    </form> --}}
                                </td>
                            </tr>
                        @endforeach

                    </tbody>

                </table>
            </div>

        </div>
    </section>
@endsection