<?php
date_default_timezone_set("Asia/Jakarta");
$tmp = $this->session->userdata('namaPN');
if(empty($tmp)){
	$query = $modelClass->Validated->getSystemInfo();
	foreach ($query->result() as $row) {
		if($row->id == 62){
			if(!empty($row->value)){
				$namaPN = $row->value;
				$this->session->set_userdata('namaPN',$row->value);
			}
		}
	}
}else{
	$namaPN = $this->session->userdata('namaPN');
}
?>
<html>
<head><title><?php echo $namaPN;?></title>
<style>
::-webkit-scrollbar{width:1px;}
hr.thick-line{width:100%;border:0;height:0;border-bottom:3px solid #5FB85C;}
*{font-family:Century Gothic, sans-serif;}
body{background-color:white;font-size:14px;background:url(<?php echo base_url();?>resources/img/dark_leather.png);color:#5b5b5b;margin:0;padding:0;font-family:Century Gothic,sans-serif;height:100%;width:100%;overflow: -moz-scrollbars-none;}
#atas{background:rgba(2, 2, 2, 1) url("<?php echo base_url();?>resources/img/top_repeat.jpg") repeat-x scroll right top;background-size:100% 100%;height:90px;width:100%;float:center;box-shadow:0px 0px 10px #5b5b5b;}
.logo a{margin-top:4px;padding-top:5px;height:30px;float:left;margin:0;padding-left:10px;width:70px;}
.front2{float:left;margin-top:3px;padding:2px;color:#fff;text-align:left;font-size:40px;}
.front{float:left;margin-top:13px;padding:2px;color:#fff;text-align:left;font-size:30px;}
.front span{color: #fff;float: left;font-size: 20px;left: 80px;margin-top: 10px;padding: 2px;position: absolute;text-align: left;top: 30px;}
#konten{width:100%;border:0px solid #dcdcdc;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a{margin:0;padding:0;position:relative;}
#cssmenu{height:auto;border-bottom:1px solid #333;background:#444;color:#eee;width:auto;}
#cssmenu:after,
#cssmenu ul:after{content:'';display:block;clear:both;}
#cssmenu a{background:#F1F1F1;;color:#757575;display:inline-block;font-size:13px;line-height:25px;padding:0 15px;text-decoration:none;}
#cssmenu ul{list-style:none;color:#757575;}
#cssmenu > ul{float:left;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{color:#757575;font-size:13px;word-wrap:break-word;}
#cssmenu > ul > li:hover:after{content:'		';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #069c10;margin-left:-10px;}
#cssmenu > ul > li:first-child > a{border-radius:0px 0 0 0;-moz-border-radius:0px 0 0 0;-webkit-border-radius:0px 0 0 0;}
#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #069c10;margin-left:-10px;}
#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);background:#F1F1F1;}
#cssmenu > ul .active{background:#5fb85c;}
#cssmenu > ul > li:hover > a{background:#5fb85c;color:#fff;}
#cssmenu .has-sub{}
#cssmenu .has-sub:hover > ul{display:block;}
#cssmenu .has-sub ul{display:none;position:absolute;width:260px;top:100%;left:0;}
#cssmenu .has-sub ul li{margin-bottom:-1px;width:100%;}
#cssmenu .has-sub ul li a{filter:none;font-size:13px;display:block;line-height:120%;padding:6px;color:#757575;border:1px solid #fff;width:100%;background:#eeffdd;z-index:20;}
#cssmenu .has-sub ul li:hover a{background:#5fb85c;color:#fff;width:100%;}
#cssmenu .has-sub .has-sub:hover > ul{display:block;}
#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0;}
#cssmenu .has-sub .has-sub ul li a{background:#eeffdd;filter:none;font-size:13px;display:block;line-height:120%;padding:6px;margin-left:10px;color:#757575;border:1px solid #eee;z-index:21;}
#cssmenu .has-sub .has-sub .has-sub ul li a{margin-left:15px;z-index:22;}
#cssmenu .has-sub .has-sub ul li a:hover{background:#5fb85c;color:#fff;}
@media all and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (min-resolution:192dpi) and (max-width:600px), only screen and (min-resolution:2dppx){.dl-menuwrapper{visibility:visible;}
}

h1.main,p.demos {
     -webkit-animation-delay: 18s;
     -moz-animation-delay: 18s;
     -ms-animation-delay: 18s;
     animation-delay: 18s;
}

.sp-container-header {
	 width: 100%;
     text-align: center;
     color: transparent;
     -webkit-animation: blurFadeInOut 10s ease-in backwards;
     -moz-animation: blurFadeInOut 10s ease-in backwards;
     -ms-animation: blurFadeInOut 10s ease-in backwards;
     animation: blurFadeInOut 10s ease-in backwards;
     animation-iteration-count: infinite;
}

.sp-container h2 {
     height: 30px;
     width: 100%;
     text-align: center;
     color: transparent;
     -webkit-animation: blurFadeInOut 10s ease-in backwards;
     -moz-animation: blurFadeInOut 10s ease-in backwards;
     -ms-animation: blurFadeInOut 10s ease-in backwards;
     animation: blurFadeInOut 10s ease-in backwards;
     animation-iteration-count: infinite;
}

.sp-container-header .frame-10 {
     font-size: 1em;
     -webkit-animation-delay: 0s;
     -moz-animation-delay: 0s;
     -ms-animation-delay: 0s;
     animation-delay: 0s;
}

.sp-container h2.frame-1 {
     font-size: 2.5em;
     -webkit-animation-delay: 0s;
     -moz-animation-delay: 0s;
     -ms-animation-delay: 0s;
     animation-delay: 0s;
}
.sp-container h2.frame-2 {
     font-size: 2.5em;
     -webkit-animation-delay: 3s;
     -moz-animation-delay: 3s;
     -ms-animation-delay: 3s;
     animation-delay: 3s;
}
.sp-container h2.frame-3 {
     -webkit-animation-delay: 6s;
     -moz-animation-delay: 6s;
     -ms-animation-delay: 6s;
     animation-delay: 6s;
}
.sp-container h2.frame-4 {
	font-size: 2.5em;
     -webkit-animation-delay: 9s;
     -moz-animation-delay: 9s;
     -ms-animation-delay: 9s;
     animation-delay: 9s;
}
.sp-container h2.frame-5 {
     font-size: 2.5em;
     -webkit-animation: none;
     -moz-animation: none;
     -ms-animation: none;
     animation: none;
     color: transparent;
     text-shadow: 0px 0px 1px #fff;
}


@-webkit-keyframes blurFadeInOut{
     0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -webkit-transform: scale(1.3); }
     20%,75%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -webkit-transform: scale(1); }
     100%{ opacity: 0; text-shadow: 0px 0px 50px #fff; -webkit-transform: scale(0); }
}
@-webkit-keyframes blurFadeIn{
     0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -webkit-transform: scale(1.3); }
     50%{ opacity: 0.5; text-shadow: 0px 0px 10px #fff; -webkit-transform: scale(1.1); }
     100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -webkit-transform: scale(1); }
}
@-webkit-keyframes fadeInBack{
     0%{ opacity: 0; -webkit-transform: scale(0); }
     50%{ opacity: 0.4; -webkit-transform: scale(2); }
     100%{ opacity: 0.2; -webkit-transform: scale(5); }
}
@-webkit-keyframes fadeInRotate{
     0%{ opacity: 0; -webkit-transform: scale(0) rotate(360deg); }
     100%{ opacity: 1; -webkit-transform: scale(1) rotate(0deg); }
}
/**/
@-moz-keyframes blurFadeInOut{
     0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -moz-transform: scale(1.3); }
     20%,75%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -moz-transform: scale(1); }
     100%{ opacity: 0; text-shadow: 0px 0px 50px #fff; -moz-transform: scale(0); }
}
@-moz-keyframes blurFadeIn{
     0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -moz-transform: scale(1.3); }
     100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -moz-transform: scale(1); }
}
@-moz-keyframes fadeInBack{
     0%{ opacity: 0; -moz-transform: scale(0); }
     50%{ opacity: 0.4; -moz-transform: scale(2); }
     100%{ opacity: 0.2; -moz-transform: scale(5); }
}
@-moz-keyframes fadeInRotate{
     0%{ opacity: 0; -moz-transform: scale(0) rotate(360deg); }
     100%{ opacity: 1; -moz-transform: scale(1) rotate(0deg); }
}

@keyframes blurFadeInOut{
     0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); }
     20%,75%{ opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); }
     100%{ opacity: 0; text-shadow: 0px 0px 50px #fff; transform: scale(0); }
}
@keyframes blurFadeIn{
     0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); }
     50%{ opacity: 0.5; text-shadow: 0px 0px 10px #fff; transform: scale(1.1); }
     100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); }
}
@keyframes fadeInBack{
     0%{ opacity: 0; transform: scale(0); }
     50%{ opacity: 0.4; transform: scale(2); }
     100%{ opacity: 0.2; transform: scale(5); }
}
@keyframes fadeInRotate{
     0%{ opacity: 0; transform: scale(0) rotate(360deg); }
     100%{ opacity: 1; transform: scale(1) rotate(0deg); }
}
</style>
</head>
<body>
	<div id="wrapper">
		<div id="atas">
			<div style="vertical-align:middle;">
			<?php if($jenisPengadilan==1){ ?>
				<div class="sp-container-header" >
            		<div class="frame-10">
	            		<div class="logo"><a><img src="<?php echo base_url();?>resources/img/logo.png"></a></div>
                         <div class="front"><b><?php echo $namaPN; ?></b><span>JADWAL SIDANG HARI <?php echo strtoupper($this->tanggalhelper->convertDayDate($tanggalSidang)); ?></span></div>
            		</div>
				</div>
			<?php } else { ?>
				<div class="logo"><a><img src="<?php echo base_url();?>resources/img/logo.png"></a></div>
            	<div class="front2"><b><?php echo $namaPN; ?></b></div>
			<?php } ?>
			</div>
		</div>
	</div>
<div id="cssmenu" style="height: 30px;">
	<?php if($this->session->userdata('jenis_pengadilan')==1){ //UMUM ?>
		<div style="width:49.5%; float:left; font-size:1.5em;"><div align="center"><b>.:: PERKARA PIDANA ::.</b></div></div>
		<div style="width:49.5%; float:right; font-size:1.5em;"><div align="center"><b>.:: PERKARA PERDATA ::.</b></div></div>
	<?php } else if ($this->session->userdata('jenis_pengadilan')==4){ //AGAMA ?>
		<div style="width:100%; float:right; font-size:1.5em;"><div align="center"><b>JADWAL SIDANG <?php echo strtoupper($this->tanggalhelper->convertDayDate($tanggalSidang)); ?></b></div></div>
	<?php } else if ($this->session->userdata('jenis_pengadilan')==3){ //TUN ?>
		<div style="width:100%; float:right; font-size:1.5em;"><div align="center"><b>JADWAL SIDANG <?php echo strtoupper($this->tanggalhelper->convertDayDate($tanggalSidang)); ?></b></div></div>
	<?php } else if ($this->session->userdata('jenis_pengadilan')==2){ //MIL  ?>
		<div style="width:100%; float:right; font-size:1.5em;"><div align="center"><b>JADWAL SIDANG <?php echo strtoupper($this->tanggalhelper->convertDayDate($tanggalSidang)); ?></b></div></div>
	<?php } ?>
</div>
