<style>

    .modal-header{
        background: #263238;
    }

    .modal-title{
        color: white;
        margin-bottom: 15px;
    }
    .panel-heading{
        padding: 0px 20px;
    }

    .dropdown-menu > li > #spin {
    padding: 8px 15px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .blockedP{
        cursor: no-drop;
    }
</style>

<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"></span> Jadwal Persentasi</h4>

                <ul class="breadcrumb position-right">
                    <li><a href="index.html">Home</a></li>
                    <li class="active">Jadwal Persentasi</li>
                    
                </ul>
           

            <!-- <div class="heading-elements">
                <div class="heading-btn-group">
                    <a href="#" class="btn btn-link btn-float has-text"><i class="icon-bars-alt text-primary"></i><span>Statistics</span></a>
                    <a href="#" class="btn btn-link btn-float has-text"><i class="icon-calculator text-primary"></i> <span>Invoices</span></a>
                    <a href="#" class="btn btn-link btn-float has-text"><i class="icon-calendar5 text-primary"></i> <span>Schedule</span></a>
                </div>
            </div> -->
        </div>

        <!-- <div class="panel panel-default">
            <div class="panel-heading">
                <h6 class="content-group text-semibold">
                    Mahasiswa list
                    <small class="display-block">Menampilkan kelola data mahasiswa</small>
                    <span class="pull-right" style="margin-top: -36px;">
                        <span  id="btn-add-add" class="btn btn-success btn-icon btn-lg" data-popup="lightbox"><i class="icon-plus2"></i></span>
                    </span>
                </h6>
            </div>
            
            <div class="panel-flat">
                <table class="table datatable-basic">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>NIM</th>
                            <th>Nama</th>
                            <th>Jurusan</th>
                            <th class="text-center">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
            </div>
        </div> -->

        <!-- Internationalization -->
        <div class="panel panel-flat">
            <div class="panel-heading">
                <h5 class="panel-title">Kalender Persentasi</h5>
                <div class="heading-elements">
                    <form class="heading-form" action="#">
                        <div class="form-group">
                            <!-- <select id="lang-selector" class="select" data-placeholder="Select language"></select> -->
                        </div>
                    </form>
                </div>
            </div>
            
            <div class="panel-body">
                <!-- <p class="content-group">Customize the language and localization options for the calendar using <code>lang</code> option. If you are simply loading one language, you do not need to specify the <code>lang</code> option. FullCalendar will look at the most recent language file loaded and use it. However, if more than one language file is loaded, or the combined <code>all.js</code> file is loaded, you must explicitly specify which language to use via the lang option.</p> -->

                <div class="fullcalendar-languages"></div>
            </div>
        </div>
        <!-- /internationalization -->

        <div id="contentList" class="panel panel-default">
            <div class="panel-heading">
                <h6 class="content-group text-semibold">
                    Jadwal Persentasi
                    <small class="display-block">Menampilkan data jadwal persentasi kerja praktik</small>
                </h6>
                <!-- <div class="heading-elements" style="margin-top: -36px;">
                    <ul class="icons-list">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="icon-menu7"></i> <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">One more separated line</a></li>
                            </ul>
                        </li>
                    </ul>
                </div> -->
            </div>
            
            <div class="panel-flat">

                <div class="table-responsiveS">

                    <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="jadwallist">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                <th>Nama</th>
                                <!-- <th>Jurusan</th> -->
                                <th>Penguji 1</th>
                                <th>Penguji 2</th>
                                <th>Pembimbing</th>
                                <th>Tanggal</th>
                                <th>Jam</th>
                                <th>Semester</th>
                                <th>Ruangan</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
            
                </div>
            </div>

            
        </div>
        <!-- List view -->
        <!-- <div class="panel panel-flat">
            <div class="panel-heading">
                <h5 class="panel-title">List view</h5>
                <div class="heading-elements">
                    <ul class="icons-list">
                        <li><a data-action="collapse"></a></li>
                        <li><a data-action="reload"></a></li>
                        <li><a data-action="close"></a></li>
                    </ul>
                </div>
            </div>
            
            <div class="panel-body">
                <p class="content-group">A list view is a type of available views that displays events in a flat list. Only days with events are displayed. A list view displays events during a specific interval of time. There are 4 preset list views: <code>listDay</code>, <code>listWeek</code>, <code>listMonth</code>, and <code>listYear</code>. The following example demonstrates <code>listWeek</code>, <code>listDay</code> and <code>listMonth</code> views.</p>

                <div class="fullcalendar-list"></div>
            </div>
        </div> -->
        <!-- /list view -->
        
        <!-- Basic datatable -->

        <!-- 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="alert alert-info alert-styled-left text-blue-800 content-group">
                            <span class="text-semibold">NOTE!</span> Nomor Induk Mahasiswa akan menjadi username dan password untuk login ke sistem!
                            <button type="button" class="close" data-dismiss="alert">×</button>
                        </div> -->
                        <div class="row">
                            <div class="panel panel-flat">
                                <div class="panel-body">
                                    <form id="form" action="#">
                                        <div class="col-lg-6">

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

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

                                        <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="mhsmajor" 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="submitmhs" type="button" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>