@extends('layouts.admin')

@section('content')

<h2>Verifikasi Sertifikat Keikutsertaan</h2>
<div class="card">
    <div class="card-header h4">
        Upload File Excel
    </div>

    <div class="card-body">
        <form action="{{ route('admin.verifikasi-sertifikat.submit-excel') }}" method="POST" enctype="multipart/form-data" class="form-data">
            @csrf
            <div class="form-group">
                <input type="file" name="file-upload">
            </div>
            
            <div class="form-check">
                <input type="checkbox" name="has-header" value="true" checked="checked" class="form-check-input">
                <label for="has-header" class="form-check-label">Mengandung header</label>
            </div>
            <br>
            <div class="form-group">
                <input type="submit" name="submit" value="Upload" class="btn btn-default">
            </div>
        </form>

        @if (Session::has('key'))
            <div style="max-height: 500px; overflow-y: scroll;" >
                <h5><b>Tabel Hasil Upload</b></h5>

                <table>
                    <tr>
                        <th>Nomor Sertifikat</th>
                        <th>Nama</th>
                        <th>Jenis Sertifikasi</th>
                    </tr>
                    @if (Session::get('verifikasi-sertifikat-column') !== null)
                        @foreach (Session::get('verifikasi-sertifikat-column') as $items)
                            <tr>
                                @foreach ($items as $item)
                                    <td>{{$item}}</td>
                                @endforeach
                            </tr>
                        @endforeach
                    @endif
                </table>
            </div>
            

            <form action="{{ route('admin.verifikasi-sertifikat.store-data') }}" method="POST" class="form-data">
                @csrf
                <div class="form-group">
                    <input type="submit" name="submit" value="submit" class="btn btn-default">
                </div>
            </form>
        @endif
    </div>
    <div class="card-footer text-muted">
        <div>
            <i>Upload File Excel (*.xlsx), preview kolom, lalu submit untuk impor ke database.</i>
        </div>
        <div>
            <i>Jika kolom tidak sesuai, ubah posisi kolom di Pengaturan.</i>
        </div>
    </div>
</div>

@endsection