<style>
    .btn-save, .btn-data, .btn-update{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20%;
    }

    #imgmhs{
        max-width: 100px;
    }

    #caption{
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom:15px;
    }

   

    #status td{
        padding-left: 5px;
        padding-right: 12px;
        /* margin-left:10px;
        margin-right:10px; */
        text-align: left;
       
       
    }

    @media only screen and (max-width: 500px) {
        #status td{
        padding-left: 15px;
        padding-right: 0px;
        text-align: left;
        font-size: 20px;
        /* margin-left:20px;
        margin-right:20px; */
        }
    }
  
</style>
<div class="content-wrapper">
    <div class="content">
        <!-- <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">
            <div class="page-title">
                <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Mahasiswa</span> - Upload Berkas</h4>

                <ul class="breadcrumb position-right">
                    <li><a href="index.html">Home</a></li>
                    <li >Pendaftaran</li>
                    <li class="active">Upload Berkas</li>
                    <!-- <li class="active">Upload Berkas</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="row">
            <div class="col-md-3">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h6 class="panel-title">Status Pembimbing</h6>
                        <div class="heading-elements">
                            <ul class="icons-list">
                                <li><a data-action="reload"></a></li>
                                <!-- <li><a data-action="close"></a></li> -->
                                <li><a data-action="collapse"></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel-body" id="pembinfo">
                        <!-- Info panel using <code>.panel-info</code> class -->
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h6 class="panel-title">Status Berkas</h6>
                        <div class="heading-elements">
                            <ul class="icons-list">
                                <li><a data-action="reload"></a></li>
                                <!-- <li><a data-action="close"></a></li> -->
                                <li><a data-action="collapse"></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel-body" id="berinfo" >
                        <!-- Info panel using <code>.panel-info</code> class -->
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h6 class="panel-title">Keterangan</h6>
                        <div class="heading-elements">
                            <ul class="icons-list">
                                <li><a data-action="reload"></a></li>
                                <!-- <li><a data-action="close"></a></li> -->
                                <li><a data-action="collapse"></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel-body" id="ketinfo">
                        -
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h6 class="panel-title">Approve Proses Bimbingan</h6>
                        <div class="heading-elements">
                            <ul class="icons-list">
                                <li><a data-action="reload"></a></li>
                                <!-- <li><a data-action="close"></a></li> -->
                                <li><a data-action="collapse"></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel-body" id="approve">
                        -
                    </div>
                </div>
            </div>
        </div>

        <div class="row" id="inputberkas">

            <div class="col-lg-12 col-md-12">

                <div class="panel panel-flat">
                    <div class="panel-heading">
                    <h5 class="panel-title">Input Berkas Mahasiswa</h5>
                </div>

                <div class="panel-body">
                    <form class="form-horizontal">

                        <input type="hidden" id="nim" value="<?php echo $this->nim; ?>">

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Judul Laporan:</label>
                            <div class="col-lg-10">
                                <input id="laporan" type="text" class="form-control" placeholder="Masukkan judul laporan kerja praktik...">
                                <span class="help-block">input judul laporan kerja praktik</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Upload File Laporan KP:</label>
                            <div class="col-lg-10">
                                <input id="file1" type="file" class="file-input" >
                                <span class="help-block">Klik browse untuk memilih files</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Upload Daftar Hadir KP:</label>
                            <div class="col-lg-10">
                                <input id="file2" type="file" class="file-input" >
                                <span class="help-block">Klik browse untuk memilih file</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Upload Penilaian Perusahaan:</label>
                            <div class="col-lg-10">
                                <input id="file3" type="file" class="file-input">
                                <span class="help-block">Klik browse untuk memilih file</span>
                            </div>
                        </div>

                        <!-- <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Upload File 2:</label>
                            <div class="col-lg-10">
                                <input id="file2" type="file" class="file-input">
                                <span class="help-block">Klik browse untuk memilih file</code>.</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Upload File 3:</label>
                            <div class="col-lg-10">
                                <input id="file3" type="file" class="file-input">
                                <span class="help-block">Klik browse untuk memilih file</code>.</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Upload File 4:</label>
                            <div class="col-lg-10">
                                <input id="file4" type="file" class="file-input">
                                <span class="help-block">Klik browse untuk memilih file</code>.</span>
                            </div>
                        </div> -->

                    </form>
                    <div class="row justify-content-center">
                        <button class="btn btn-primary btn-save" >Save File</button>
                    </div>
                </div>
                </div>

            </div>

            
        </div>

        <div class="row" id="updateberkas">

            <div class="col-lg-8 col-md-8" >

                <div class="panel panel-flat">
                    <div class="panel-heading">
                    <h5 class="panel-title">Update Berkas Mahasiswa</h5>
                    
                    
                </div>

                <div class="panel-body">
                    <form class="form-horizontal">

                        <input type="hidden" id="nim" value="<?php echo $this->nim; ?>">

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Judul Laporan:</label>
                            <div class="col-lg-10">
                                <input id="laporanset" type="text" class="form-control" placeholder="Masukkan judul laporan kerja praktik..." disabled>
                                <span class="help-block">Judul Laporan Kerja Praktik</span>
                            </div>
                            
                        </div>

                        <!-- <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Judul Laporan:</label>
                            <div class="col-lg-10">
                                <input id="laporanset" type="text" class="form-control" placeholder="Masukkan judul laporan kerja praktik..." disabled>
                                <span class="help-block">Judul Laporan Kerja Praktik</span>
                            </div>
                        </div> -->
                        <!-- <input type="text" value="<?php $this->role; ?>"> -->
                        <input type="hidden" id="idberkas">
                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Update File Laporan KP :</label>
                            <div class="col-lg-10">
                                <input id="file1upd" type="file" class="file-input" >
                                <span class="help-block">Klik browse untuk memilih file</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Update Daftar Hadir KP :</label>
                            <div class="col-lg-10">
                                <input id="file2upd" type="file" class="file-input" >
                                <span class="help-block">Klik browse untuk memilih file</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Update Penilaian Perusahaan:</label>
                            <div class="col-lg-10">
                                <input id="file3upd" type="file" class="file-input" >
                                <span class="help-block">Klik browse untuk memilih file</span>
                            </div>
                        </div>


                    </form>
                    <div class="row justify-content-center">
                        <button class="btn btn-primary btn-update" >Update File</button>
                    </div>
                </div>
                </div>

            </div>

            <div class="col-lg-4 col-md-4" id="listberkas">
                <div class="panel panel-flat">
                        <div class="panel-heading">
                        <h5 class="panel-title">List Berkas</h5>
                        
                        
                    </div>

                    <div class="panel-body" id="listfile">
                        
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="modal-review" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Lihat Berkas Laporan</h6>
            </div>

            <div class="modal-body">
                <!-- <input id="nim_mhs" value="" type="text" class="form-control" placeholder="Nama Perusahaan.."> -->
                
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <!-- <button id="notvalid" name="validate" value="105" type="button" class="btn btn-danger">Tidak Valid</button>
                <button id="valid" name="validate" value="105" type="button" class="btn btn-primary">Valid</button> -->
            </div>
        </div>
    </div>
</div>