<style>

    .btn-success {
        color: #fff;
        background-color: #009688;
        border-color: #0fbfbf;
    }

    .input-group-addon:first-child {
        border-right: 0;
        border-left: 0;
        border-top: 0;
        border-color: #ffffff;
    }

	.panel-rectangle {
		width: 100%;
		height: 165px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		left: 166px;
		top: 154.85px;
		background: #5BA9DD;
		border-radius: 20px;
	}
	.media-right-rectangle{
		width: 500px;
		float: right;
		margin-right: -30px;
		margin-top: -40px;
	}
	.panel-title{
		font-weight: bold;
		font-size: 26px;
		line-height: 26px;
		/* or 100% */
	}

	.panel-body-rectangle{
		padding: 50px;
		font-family: Helvetica;
		font-style: normal;
		color: #FFFFFF;
	}
	.panel-body{
		border-radius: 10px;
	}

    .button-next{
        display: none !important ;
    }

    .button-back{
        display: none !important ;
    }

    #imgtth{
            width:80%; 
            position:relative;
    }

    /* .panel-info{
        border-radius: 30px !important;
    } */

    @media only screen and (max-width: 600px) {
        .panel-body-rectangle{
            padding: 50px;
            font-family: Helvetica;
            font-style: normal;
            color: black;
            /* width:50%; */
        }

        #imgtth{
            width:70%; 
            position:static;
            margin-left: 80px;
        }

        #titpane{
            font-size: 20px;
            text-align:center;
            margin-top:30px;
        }
    }

</style>

<div class="content" >
    <div class="content-wrapper">
        <!-- Page header -->
		<!-- <div class="page-header page-header-default">
			<div class="breadcrumb-line">
		    	<ul class="breadcrumb" id="pageheader">
                    <li><a href="#"><i class="icon-home2 position-left"></i>Home</a></li>
                    <li class="active">Dashboard</li>
				</ul>
			</div>
		</div> -->
		<!-- /page header -->

        <!-- Content area -->
		<div class="content">
            					<!-- Simple statistics -->
            <h6 class="content-group text-semibold">
                Dashboard Mahasiswa
                <small class="display-block">Kerja Praktik FTMD ITB </small>
            </h6>

            <div class="panel panel-rectangle">
                <div class="media-right-rectangle">
                    <img id="imgtth" src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Studying-pana.png" alt="" style="">
                </div>
                <div class="panel-body panel-body-rectangle">
                    <div id="titpane"class="panel-title">Selamat Datang, <?php echo $this->namaste; ?></div>
                    <!-- <h5>Pelajari lebih lanjut tentang sipintar</h5> -->
                </div>
            </div>
						
            <div class="row">
                <div class="col-sm-6 col-md-4">

                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group1.png">
                            </div>
                            <div class="media-body">
                                <h3 id="tenggat" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Tenggat Kerja Praktik</span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group2.png">
                            </div>
                            <div class="media-body">
                                <h3 id="periode" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Tenggat Pengajuan Perusahaan</span>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group2.png">
                            </div>
                            <div class="media-body">
                                <h3 id="jadwal" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Jadwal Persentasi Kerja Praktik</span>
                                <!-- <a href="">link</a> -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-sm-6 col-md-3">
                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group4.png">
                            </div>
                            <div class="media-body">
                                <h3 id="nilai" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Nilai Kerja Praktik</span>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>	<!-- /simple statistics -->


            <div class="panel panel-info">
                <div class="panel-heading">
                    <h6 class="panel-title">Proses Kerja Praktik<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 medhide">
                            <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 medhide">
                            <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>
                        <!-- <hr> -->
                        <div class="media-bodys">
                            <form class="stepy-basic" action="#">
                                <fieldset title="1">
                                    <legend class="text-semibold">Pengajuan Mahasiswa</legend>

                                    <center>
                                        <h1>Status Pengajuan</h1>
                                        <h6 id="infopengajuan">Anda belum melakukan pengajuan, silahkan membuat pengajuan <a href="<?php echo $this->basePath('/mahasiswa/pengajuankp'); ?>">disini</a> </h6>
                                    </center>

                                    
                                </fieldset>

                                <fieldset title="2">
                                    <legend class="text-semibold">Pembimbing Mahasiswa</legend>
                                    <center>
                                        <h1>Status Pembimbing</h1>
                                        <h6 id="namapembimbing"></h6>
                                        <h6 id="infopembimbing"></h6>
                                    </center>
                                    
                                </fieldset>

                                <fieldset title="3">
                                    <legend class="text-semibold">Berkas Mahasiswa</legend>

                                    <center>
                                        <h1>Status Berkas</h1>
                                        <h6 id="infoberkas"></h6>
                                    </center>
                                </fieldset>

                                <fieldset title="4">
                                    <legend class="text-semibold">Jadwal Persentasi</legend>
                        
                                    <center>
                                        <h1>Status Jadwal</h1>
                                        <h6 id="infojadwal"></h6>
                                    </center>
                                </fieldset>
                                
                                <fieldset title="5">
                                    <legend class="text-semibold">Nilai Kerja Praktik</legend>

                                    <center>
                                        <h1>Status Nilai</h1>
                                        <h6 id="infonilai"></h6>
                                        <h1 style="text-decoration: underline" id="nilaiakhir"></h1>
                                        
                                    </center>
                                </fieldset>

                                <button style="display:none" type="submit" class="btn btn-primary stepy-finish">Submit <i class="icon-check position-right"></i></button>
                            </form>
                        </div>
                        
                    </div>
                </div>
            </div>

            <!-- Basic setup -->
            <!-- <div class="panel panel-white">
                <div class="panel-heading">
                    <h6 class="panel-title">Basic example</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>

                <form class="stepy-basic" action="#">
                    <fieldset title="1">
                        <legend class="text-semibold">Personal data</legend>

                        <div class="row">
                            
                        </div>

                        <div class="row">
                            
                        </div>

                        <div class="row">
                            
                        </div>
                    </fieldset>

                    <fieldset title="2">
                        <legend class="text-semibold">Your education</legend>

                        <div class="row">
                            
                        </div>

                        <div class="row">
                            
                        </div>
                    </fieldset>

                    <fieldset title="3">
                        <legend class="text-semibold">Your experience</legend>

                        <div class="row">
                            
                        </div>
                    </fieldset>

                    <fieldset title="4">
                        <legend class="text-semibold">Additional info</legend>

                        <div class="row">
                            
                        </div>

                        <div class="row">
                            
                        </div>
                    </fieldset>
                    
                    <fieldset title="5">
                        <legend class="text-semibold">Additional info</legend>

                        <div class="row">
                            
                        </div>

                        <div class="row">
                            
                        </div>
                    </fieldset>

                    <button type="submit" class="btn btn-primary stepy-finish">Submit <i class="icon-check position-right"></i></button>
                </form>
            </div> -->
		            <!-- /basic setup -->
        </div>
    </div>
</div>

