@extends('admin.layout.admin')
@section('title', 'Import Guru')
@section('scripts')
    <!--script src="{{ asset('js/app/admin/guru/import.js') }}"></script-->
@endsection
@section('metas')
@endsection
@section('content')
    <div class="row">
        <div class="col-8">
            <div class="card">
                <div class="card-header">
                    Tambah Guru
                </div>
                <div class="card-body">
                    @include('admin.layout.alert')
                    <a href="{{ asset('excel_template/import_guru_template.xls') }}" target="_blank">Download template Excel</a>
                    <table class="table table-sm table-bordered">
                        <tr>
                            <th>Kolom</th>
                            <th>Value</th>
                        </tr>
                        <tr>
                            <th>NIK</th>
                            <td>NIK</td>
                        </tr>
                        <tr>
                            <th>Nama</th>
                            <td>Nama</td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>Email</td>
                        </tr>
                    </table>
                    <hr>
                    <form action="{{ route('admin.guru.post-import') }}" enctype="multipart/form-data"  method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="file">Berkas Excel</label>
                            <input type="file" class="form-control" name="file" accept=".xls" id="file" required>
                        </div>
                        <div class="form-group">
                            <label for="unit">Unit</label>
                            <select name="unit" id="unit" class="form-control" required>
                                <option value="PGTK">PGTK</option>
                                <option value="SD">SD</option>
                                <option value="SMP">SMP</option>
                                <option value="SMA">SMA</option>
                            </select>
                        </div>
                        <button class="btn btn-primary float-right">Import</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection