<style>

    .modal-header{
        background: #263238;
    }

    .modal-title{
        color: white;
        /* margin-bottom: 15px; */
    }

    /* .panel-heading{
        padding: 0px 20px;
        
    } */

    .position-absolute{
        position: absolute;
    }
</style>
<!-- Basic datatable -->

<div class="content-wrapper">
  
    <div class="content">
        
        <div class="page-header-content">
            <div class="page-title">
                <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">User Management</span> - Koordinator</h4>

                <ul class="breadcrumb position-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="user_pages_profile.html">User Management</a></li>
                    <li class="active">Koordinator</li>
                </ul>
        </div>

        <div class="panel panel-flat">
            <div class="panel-body">
                <h3 class="text-center">User Koordinator</h3>
                <div class="table-responsive">
                    <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="data-list2">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                <th>Username</th>
                                <th>Nama</th>
                                <th>Prodi</th>
                                <th>Terakhir Login</th>
                                <th>Status</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                
            </div>
        </div>


        <!-- modal add -->
        <div id="modal-add" class="modal fade" data-keyboard="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h6 class="modal-title">Tambah User</h6>
                    </div>

                    <div class="modal-body">
                        
                        <div class="row">
                            <div class="panel panel-flat">
                                <div class="panel-body">
                                    <form id="form" action="#">
                                        <div class="col-lg-12">
                                            
                                            <div class="form-group">
                                                <label>Role:</label>
                                                <select id="userrole" class="select">
                                                    <option value="10" >Akademik</option>
                                                    <option value="20" selected>Mahasiswa</option>
                                                    <option value="30" >Dosen</option>
                                                    <!-- <option value="40">Perusahaan</option> -->
                                                </select>
                                            </div>

                                            <div class="form-group">
                                                <label>Name:</label>
                                                <input type="text" class="form-control" placeholder="Enter name" id="name">
                                            </div>

                                            <div id="username" class="form-group">
                                                <label>Nomor Induk Mahasiswa:</label>
                                                <input type="number" class="form-control" placeholder="Enter NIM..." >
                                            </div>

                                            <div class="form-group">
                                                <label class="display-block">Gender:</label>

                                                <label class="radio-inline">
                                                    <input type="radio" value ="Laki-laki" class="styled" name="gender" checked="checked">
                                                    Male
                                                </label>

                                                <label class="radio-inline">
                                                    <input type="radio" value ="Perempuan" class="styled" name="gender">
                                                    Female
                                                </label>
                                            </div>

                                            <!-- <div id="nid"class="form-group">
                                                <label>Nomor Induk Dosen:</label>
                                                <input type="text" class="form-control" placeholder="Enter NID..." id="mhsnim">
                                            </div> -->

                                            
                                        </div>

                                        <!-- <div class="col-lg-6"> -->
                                            <!-- <div id="fakultas" class="form-group">
                                                <label class="text-semibold">Faculty:</label>
                                                <input id="faculty" value = "Fakultas Teknik Mesin dan Dirgantara"type="text" class="form-control" placeholder="Major" disabled>
                                            </div> -->

                                            <!-- <div id="major" class="form-group">
                                                <label>Major:</label>
                                                <select id="jurusan" class="select">
                                                    <option value="Perancangan Mesin">Perancangan Mesin</option>
                                                    <option value="Konversi Energi">Konversi Energi</option>
                                                    <option value="Ilmu dan Teknik Material">Ilmu dan Teknik Material</option>
                                                    <option value="Teknik Produksi Mesin">Teknik Produksi Mesin</option>
                                                    <option value="Desain, Operasi dan Perawatan Pesawat Terbang">Desain, Operasi dan Perawatan Pesawat Terbang</option>
                                                    <option value="Fisika Terbang">Fisika Terbang</option>
                                                    <option value="Struktur Ringan">Struktur Ringan</option>
                                                </select>
                                            </div> -->

                                            

                                        <!-- </div> -->
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                        <button id="submit-user" type="button" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="modal-add-mhs" class="modal fade" data-keyboard="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
                        <h6 class="modal-title">Tambah Mahasiswa</h6>
                    </div>

                    <div class="modal-body">
                        
                    <form class="form-horizontal" id="form-add-mhs" method="post"  enctype="multipart/form-data">
                            <div class="form-group">
                                <label class="col-lg-2 control-label">Berkas Mahasiswa :</label>
                                <div class="col-lg-10">
                                    <input type="file" id="berkas-mhs" class="file-input-ajax berkass" accept=".csv" multiple="multiple">
                                    <span class="help-block">Upload file dengan ekstensi <span class="text-danger">.csv</span></span>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="btn-savemhs">
                            <i class="icon-checkmark2"></i>
                            Simpan
                        </button>
                        <button class="btn btn-lg"  data-dismiss="modal">
                            <i class="icon-cross3"></i>
                            Batal
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- add csv -->
        <!-- <div id="modal-add-mhs"  role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
            <div class="modal-dialog" role="dialog">
                
                <div class="modal-content">
                <div class="modal-header bg-primary">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h6 class="modal-title" id="title-modal">Tambah Mahasiswa</h6>
                    </div>
                    <div class="modal-body">
                        
                        <form class="form-horizontal" id="form-add-mhs" method="post"  enctype="multipart/form-data">
                            <div class="form-group">
                                <label class="col-lg-2 control-label">Berkas Mahasiswa :</label>
                                <div class="col-lg-10">
                                    <input type="file" id="berkas-mhs"   class="file-input-ajax" accept=".csv" multiple="multiple">
                                    <span class="help-block">Upload file dengan ekstensi <span class="text-danger">.csv</span></span>
                                </div>
                            </div>
                        </form>

                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="btn-savemhs">
                            <i class="icon-checkmark2"></i>
                            Simpan
                        </button>
                        <button class="btn btn-lg"  data-dismiss="modal">
                            <i class="icon-cross3"></i>
                            Batal
                        </button>
                    </div>
                </div>
            </div>
        </div> -->
    </div>
</div>
<div id="modal-edit"  role="dialog" class="modal fade" style="margin-top:5%;">
    <div class="modal-dialog" role="dialog">
        <!-- Modal content-->
        <div class="modal-content">
        <div class="modal-header bg-primary">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h6 class="modal-title" id="title-modal"></h6>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="form-schedule" method="post"  enctype="multipart/form-data">
                    <div class="panel panel-flat">
                        <div class="panel-body">
                            <input type="hidden" id="temp"></input>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">Nama Kaprodi <span class="text-danger">*</span></label>
                                <div class="col-lg-9">
                                    <select class="select" id="select-kaprodi" name="select[]">
                                       <option></option>
                                    </select>
                                    <span class="help-block" id="text-start">Masukan Koordinator</span>
                                </div>
                            </div>
                        </div>
					</div>
                </form>
            </div>

            <div class="modal-footer">
                <button class="btn btn-lg btn-success" id="btn-update">
                    <i class="icon-checkmark2"></i>
                    Simpan
                </button>
                <button class="btn btn-lg"  data-dismiss="modal">
                    <i class="icon-cross3"></i>
                    Batal
                </button>
            </div>
        </div>
    </div>
</div>