<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" id="bimbingan_group">
            <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..">


            <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">Mahasiswa</span> - Bimbingan</h4>

                    <ul class="breadcrumb position-right">
                        <li><a href="index.html">Home</a></li>
                        <li class="">Kerja Praktik</li>
                        <li class="active">Bimbingan KP</li>
                        <!-- <li class="active">Upload Berkas</li> -->
                    </ul>
                </div>      
            </div>


            

            <div class="panel panel-flat">
                <!-- <div class="panel-heading">
                    <h6 class="panel-title">Highlighted justified<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="reload"></a></li>
                            <li><a data-action="close"></a></li>
                        </ul>
                    </div>
                </div> -->

                <div class="panel-body">
                    <div class="tabbable">
                        <ul class="nav nav-tabs nav-tabs-highlight nav-justified">
                            <li class=""><a href="#highlighted-justified-tab1" data-toggle="tab" aria-expanded="false">Bimbingan Perorangan</a></li>
                            <li class="active"><a href="#highlighted-justified-tab2" data-toggle="tab" aria-expanded="true">Bimbingan Group</a></li>
                            
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane" id="highlighted-justified-tab1">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h6 class="panel-title">Profil Pembimbing<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="https://www.pngitem.com/pimgs/m/80-800132_web-user-internet-man-avatar-person-transparent-internet.png" alt="">
                                                </a>
                                            </div>

                                            <div class="media-body">
                                                <span class="media-heading text-bold" id="name" style="font-size:17px">-</span>
                                                <span class="media-heading" id="initial" style="font-size:17px">-</span>
                                                <span class="media-heading" id="nip" style="font-size:17px">-</span>
                                                <span class="media-heading" id="email" style="font-size:17px">-</span>
                                                <span class="media-heading" id="stat-bimbingan" style="font-size:17px">-</span>
                                            </div>
                                        </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"> Tambah Bimbingan</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 id="status_awal" class="label label-danger">Anda Belum Mengupload File Laporan Untuk Bimbingan</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>

                            <div class="tab-pane active" id="highlighted-justified-tab2">
                               
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h6 class="panel-title">Data Bimbingan<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 id="list-here">
                                            
                                        </div>
                                    </div>
                                </div>

                                
                                
                                <span class="pull-right" style="margin-top: -10px;">
                                    <button  id="btn-add-group" class="btn btn-success btn-icon btn-sm" data-popup="lightbox"><i class="icon-plus2"> Tambah Bimbingan</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-batch">
                                    <div class="panel panel-white">
                                        <div class="panel-heading">
                                            <h6 class="panel-title">
                                                <a data-toggle="collapse" data-parent="#accordion-control-right-batch" href="#accordion-control-right-group-batch" aria-expanded="false" class="collapsed" ></a>
                                                <div id="status_awal" class="label label-danger">Anda Belum Mengupload File Laporan Untuk Bimbingan</div>
                                            </h6>
                                        </div>
                                        <div id="accordion-control-right-group-batch" 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>

                        </div>
                    </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">Upload Dokumen Laporan</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" >
                            <input id="is_group" hidden>
                            <fieldset>
                                <legend class="text-semibold">
                                    <i class="icon-file-text2 position-left"></i>
                                    Laporan KP
                                    <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>Laporan KP:</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>

                                <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>
                            </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>
