<style>
    .btn-save, .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; */
        }
    }

    .improfmhs{
        max-height: 150px;
        max-width: 200px;
        padding: 10px;
    }

    #hrs{
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }
  
</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">Admin</span> - Upload berkas</h4>

                <ul class="breadcrumb position-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="<?php echo $this->basePath(); ?>/admin/mahasiswalist">Mahasiswa</a></li>
                    <li class="active">Update 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-lg-3 col-md-4">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="thumbnail">
                            <div class="caption text-center">

                                <h6 class="text-semibold no-margin " id="jurusanMhs">Perancangan Teknik Mesin</h6>
                                <hr>
                                <img class="improfmhs" src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/transparent-man.png" alt="">
                                <h6 class="text-semibold no-margin" id="namaMhs">Nama Mahasiswa </h6>
                                <h6 class="text-semibold no-margin" id="nimMhs">Nomor Induk Mahasiswa <small class="display-block">Jurusan</small></h6>
                                <ul class="icons-list mt-15">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

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

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



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

                        <div class="form-group">
                            <label class="col-lg-2 control-label text-semibold">Judul Laporan:</label>
                            <div class="col-lg-10">
                                <input id="laporanupd" 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">Laporan Kerja Praktik:</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">Daftar Hadir:</label>
                            <div class="col-lg-10">
                                <input id="file2upd" 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">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</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">
                        <span class="btn btn-primary btn-update">Update File</span>
                    </div>
                </div>
                </div>

            </div>
        </div>

    </div>
</div>

        
        