<style>
    .modal-header{
        background: #09c !important;
    }

    #menu-header{
        pointer-events: none;
    }

    #btn-menu{
        margin: 5px;
    }

    #menu > button{
        text-align: left !important;
    }

    @media only screen and (max-width: 500px) {
        #menu{
            padding-top: 20px;
        }
    }

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

    #hr{
        margin: 0px !important;
    }

    #headpanel{
        background-color: #09c !important;
        color: white !important;
    }

    #headpanel > h6 {
        /* text-align: center; */
    }

    .medhov{
        min-width: 150px !important;
        font-size: 13px !important;
        padding: 5px 5px;
        font-weight: bold;
    }
    .medhovs{
        min-width: 200px !important;
        font-size: 13px !important;
        padding: 5px 5px;
        font-weight: bold;
    }


  
</style>
<div class="content-wrapper">
    <div class="content">
       <div class="container-fluid">
        <input id="nim" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
        <input id="idkp" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
        <input id="nopeg" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
     <!-- <p>mahasiswa pendaftaran</p>
        <p><?php //echo $this->nim;?></p>
        <p><?php //echo $this->name; ?></p>

        <div class="panel panel-default">
            hi bro
        </div> -->

            <div class="page-header-content" style="margin-bottom:20px">
                <div class="page-title">
                    <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Dosen</span> - Bimbingan Group</h4>

                    <ul class="breadcrumb position-right">
                        <li><a href="index.html">Home</a></li>
                        <li class=""><a href="<?php echo $this->basePath('/dosen/listmahasiswa'); ?>">List Bimbingan</a></li>
                        <li class="active">Bimbingan Group</li>
                        <!-- <li class="active">Upload Berkas</li> -->
                    </ul>
                </div>      
            </div>

            <div class="panel panel-info">
                <div class="panel-heading">
                    <h6 class="panel-title">Data Mahasiswa<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
                    
                    <div class="heading-elements">
                        <ul class="icons-list">
                            <li><a data-action="collapse"></a></li>
                            <li><a data-action="close"></a></li>
                        </ul>
                    </div>
                </div>
                <div class="panel-body">
                    <!-- <div class="media">
                        <div class="media-left">
                            <a href="#" class="media-left">
                                <img class="" id="img-mhsw" style="height:100px" src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/transparent-man.png" alt="">
                            </a>
                        </div>

                        <div class="media-body">
                            <span class="media-heading text-bold" id="name" style="font-size:17px">Anggi Saputra</span>
                            <span class="media-heading" id="nimMhs" style="font-size:17px">13105002</span>
                            <span class="media-heading" id="program-studi" style="font-size:17px">S1-Teknik Mesin</span>
                            <span class="media-heading" id="judul" style="font-size:17px">Judul Laporan</span>
                            <span class="media-heading" id="status-bimbingan" style="font-size:17px">Judul Laporan</span>
                        </div>
                    </div> -->
                    <div id="list-here">
                        
                    </div>
                </div>
            </div>

                <span class="pull-right" style="margin-top: -10px;">
                    <button  id="btn-add" class="btn btn-success btn-icon btn-sm" data-popup="lightbox"><i class="icon-plus2"> Masukkan pembimbing</i></button>
                </span>
                <!-- <span class="pull-right" style="margin-top: -10px;margin-right: 5px">
                    <button  id="btn-approve" class="btn btn-success btn-icon btn-sm" data-popup="lightbox"><i class=" icon-checkmark4"> Approve Seminar</i></button>
                </span> -->
                
            <div class="panel-group panel-group-control panel-group-control-right content-group-lg" style="margin-top:40px">
             
                <span id="accordion-control-right">
                <div class="panel panel-white">
                    <div class="panel-heading">
                        <h6 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion-control-right" href="#accordion-control-right-group" aria-expanded="false" class="collapsed" ></a>
                            <div class="label label-danger">Mahasiswa Belum Mengupload Laporan KP</div>
                        </h6>
                    </div>
                    <div id="accordion-control-right-group" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                        <div class="panel-body">
                            <!-- <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label col-lg-2">Kegiatan Bimbingan : </label>
                                        <div class="col-lg-10">
                                            <textarea rows="5" cols="5" class="form-control" readonly></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label col-lg-2">Hambatan : </label>
                                        <div class="col-lg-10">
                                            <textarea rows="5" cols="5" class="form-control" readonly></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                        </div>
                    </div>
                </div>
                </span>
                
            </div>

            <!-- <div class="panel panel-white">
                <div class="panel-heading">
                    <h6 class="panel-title text-semibold" >Daftar Surat Pengajuan </h6>
                    <div class="heading-elements">
                        <button type="button" class="btn btn-primary heading-btn btn-modal"><span class="icon-envelope"></span> Buat Surat Pengajuan</button>
                    </div>
                </div>
                
                
                
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="list_pengajuan">
                            <thead>
                                <tr>
                                    <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                    <th>Nama Perusahaan</th>
                                    <th>Alamat Perusahaan</th>
                                    <th>Penerima Surat</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div> -->
       </div>
    </div>
</div>

<div id="modal-conf" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Bimbingan Kerja Praktik</h6>
            </div>

            <div class="modal-body">
                <form action="#">
                    <div class="panel panel-flat">
                        <!-- <div class="panel-heading">
                            <h5 class="panel-title">Advanced legend</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" >
                            <fieldset>
                                <legend class="text-semibold">
                                    <i class="icon-file-text2 position-left"></i>
                                    Masukkan dari pembimbing
                                    <a class="control-arrow" data-toggle="collapse" data-target="#demo1">
                                        <i class="icon-circle-down2"></i>
                                    </a>
                                </legend>

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

                                    <label class="radio-inline">
                                        <input type="radio" class="styled" name="jenisbimbingan" value="1" checked="checked">
                                        Supervisi
                                    </label>

                                    <label class="radio-inline">
                                        <input type="radio" class="styled" value="2" name="jenisbimbingan">
                                        Laporan
                                    </label>
                                </div>

                                <div class="collapse in" id="demo1">
                                    

                                    <div class="form-group">
                                        <label>Dokumen Revisi:</label>
                                        <input id="file" type="file" class="file-styled" accept="application/pdf, image/png, image/jpeg">
                                        <span class="help-block">upload dokumen laporan kp dengan format .pdf, .jpg, .png</span>
                                    </div>

                                    <div class="form-group">
                                        <label>Keterangan Bimbingan:</label>
                                        <textarea id="keterangan" type="text" rows="5" cols="5" class="form-control"></textarea>
                                        <span class="help-block">keterangan bimbingan atau pengecekan dokumen mahasiswa</span>
                                    </div>
                                </div>
                            </fieldset>

                        </div>
                    </div>
                </form>
                

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