@extends('admin.layout.admin')
@section('title', 'Kirim Rapor')
@section('styles')
@endsection
@section('metas')
    <meta name="redirect-url" content="{{ route('admin.rapor.kirim') }}">
    <meta name="single-email-url" content="{{ route('admin.rapor.kirim-single') }}">
@endsection
@section('scripts')
    <script>
        let siswas = @json(isset($siswas) ? $siswas : []);
    </script>
    <script src="{{ asset('js/app/admin/rapor/kirim.js') }}"></script>
@endsection
@section('content')

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    Kirim Rapor
                </div>
                <div class="card-body">
                    @include('admin.layout.alert')
                    <div class="form-group">
                        <label for="kelas_id">Kelas</label>
                        <select name="kelas" id="kelas" class="form-control">
                            <option value="">Pilih kelas</option>
                            @foreach(\App\Helpers\Unit::kelases() as $kelas)
                                <option value="{{ $kelas->id }}" {{ request('kelas_id') == $kelas->id ? 'selected' : '' }}>{{ $kelas->nama }}</option>
                            @endforeach
                        </select>
                        <br>

                        @if(isset($siswas))
                            <form action="{{ route('admin.rapor.post-index') }}" enctype="multipart/form-data" method="post">
                                @csrf
                                <table class="table table-sm table bordered">
                                    <tr>
                                        <th>Absen</th>
                                        <th>Nama Siswa</th>
                                        <th class="text-center">Email PTS</th>
                                        <th class="text-center">Email PAS</th>
                                        <th class="text-center">Email Kelulusan</th>
                                        <th class="text-center">Rapor Yang Akan Dikirim</th>
                                        <th>Aksi</th>
                                    </tr>
                                    @foreach($siswas as $key => $siswa)
                                        <tr>
                                            <td>{{ $siswa->absen }}
                                                <input type="hidden" name="rapor[{{$key}}][id]" value="{{ $siswa->id }}">
                                            </td>
                                            <td>{{ $siswa->nama }}</td>
                                            @if(\App\Helpers\Globalz::semester() == 'GANJIL')
                                                <td class="text-center">
                                                    @if($siswa->ganjil_pts_sent_at)
                                                        <i class="text-success">Terkirim</i>
                                                    @else
                                                        <i class="text-danger">Belum dikirim</i>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if($siswa->ganjil_pas_sent_at)
                                                        <i class="text-success">Terkirim</i>
                                                    @else
                                                        <i class="text-danger">Belum dikirim</i>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if($siswa->ganjil_kelulusan_sent_at)
                                                        <i class="text-success">Terkirim</i>
                                                    @else
                                                        <i class="text-danger">Belum dikirim</i>
                                                    @endif
                                                </td>
                                            @else
                                                <td class="text-center">
                                                    @if($siswa->genap_pts_sent_at)
                                                        <i class="text-success">Terkirim</i>
                                                    @else
                                                        <i class="text-danger">Belum dikirim</i>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if($siswa->genap_pas_sent_at)
                                                        <i class="text-success">Terkirim</i>
                                                    @else
                                                        <i class="text-danger">Belum dikirim</i>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if($siswa->genap_kelulusan_sent_at)
                                                        <i class="text-success">Terkirim</i>
                                                    @else
                                                        <i class="text-danger">Belum dikirim</i>
                                                    @endif
                                                </td>
                                            @endif
                                            <td class="text-center">
                                                <b>{!! $siswa->active ?: '<i class="text-danger">Pending</i>' !!}</b>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-sm btn-outline-info app-send" data-name="{{ $siswa->nama }}" data-id="{{ $siswa->id }}">Kirim ulang</button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </table>
                                <button type="button" id="app-send-all" class="btn btn-primary float-right">Kirim Email ke semua</button>
                                @endif
                            </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalTitle" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Email result</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <small id="status-loading"><i class="text-danger">*Jangan tutup halaman ini sampai pemberitahuan selesai.</i></small>
                    <ul id="email-result">
                    </ul>
                    <small style="display: none" id="status-selesai"><i class="text-success">Pengiriman email selesai, silahkan <a href="">refresh</a> halaman.</i></small>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection