@extends('admin.layout.admin')
@section('title', 'Kirim Pemberitahuan')
@section('styles')
@endsection
@section('metas')
    <meta name="single-email-url" content="{{route('admin.pemberitahuan.sent-mail')}}">
@endsection
@section('scripts')
    <script>
        let siswas = @json($fix);
        console.log(siswas);
    </script>
    <script src="{{ asset('js/app/admin/pemberitahuan/final.js') }}"></script>
@endsection
@section('content')

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    Kirim Pemberitahuan
                    <button class="btn btn-sm btn-danger float-right" style="display: none" id="resend">Kirim Ulang Yang Gagal</button>
                </div>
                <div class="card-body">
                    @include('admin.layout.alert')

                    <table class="table table-sm table-bordered">
                        <thead>
                        <tr>
                            <th>NIS</th>
                            <th>Nama Siswa</th>
                            <th>Kelas</th>
                            <th>Status email</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($fix as $key => $siswa)
                            <tr>
                                <td>{{ $siswa['siswa']['nis'] }}</td>
                                <td>{{ $siswa['siswa']['nama'] }}</td>
                                <td>{{ $siswa['siswa']['kelas']['nama'] }}</td>
                                <td id="result_{{$key}}"></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <hr>
                    <a class="btn btn-dark" href="{{ route('admin.pemberitahuan.kirim') }}">Kembali</a>
                    <button class="btn btn-primary float-right" id="send-all-button">Kirim Email</button>
                </div>
            </div>
        </div>
    </div>
@endsection