<style>
    .error {
        color: red;
        font-size: .7em;
    }
</style>
<!-- Begin Page Content -->
<div class="container-fluid page-custum">
    <!-- Page Heading -->
    <h1 class="h3 mb-4 text-gray-800"><?= $title ?></h1>
    <div class="row">
        <div class="col-4">
            <?= $this->session->flashdata('message') ?>
        </div>
    </div>
    <div class="row">
        <input type="hidden" class="url" value="<?= base_url() ?>">
        <div class="col-12">
            <div class="card p-2">
                <div class="card-body">
                    <button class="btn btn-success"><i class="fas fa-file-excel"></i> Download Format Biodata</button>
                    <button class="btn btn-primary" data-toggle="modal" data-target="#modalUploadBiodata"><i class="fas fa-upload"></i> Upload Data Biodata</button>
                    <table class="table table-sm tabel-upload-biodata" id="tabelUploadBiodata">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>NISN</th>
                                <th>Nama</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
    <!-- /.container-fluid -->

    <!-- kumpulan modal upload nilai -->

    <!-- Modal form upload nilai -->
    <div class="modal fade" id="modalUploadBiodata" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modalUploadBiodataLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalUploadBiodataLabel">Form Upload Biodata</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <form action="<?= base_url('Operator/uploadBiodata') ?>" method="POST" enctype="multipart/form-data">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" name="biodata" id="customFile">
                            <label class="custom-file-label" for="customFile">Cari file Biodata</label>
                        </div>


                        <button type="submit" name="import" class="btn btn-success mt-4"><i class="fas fa-upload"></i> Upload Biodata</button>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>
                </div>
                </form>
            </div>
        </div>
    </div>


</div>
<!-- End of Main Content -->
<!-- modal view Pendafatar -->