
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>IEL Education e-Letter of Acceptance</title>

     <!-- Fonts -->
    <link rel="stylesheet" href="<?php echo base_url();?>assets_home/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">

    <!-- Styles -->
	 <link rel="stylesheet" href="<?php echo base_url();?>assets/css/cerulean-bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets_home/css/cerulean-bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets_home/css/ecertificate.css">
        <style>
	table,th,td{
		border: 1px solid black;
		border-collapse: collapse;
	}
    th>p,td>p{
    	margin: 5px 5px;
    }
    .hr-soft{
		border: 1px solid #222;
    }
    .col-highlight{
    	background: #351C80;
    	color: #FFF;
    }
	
</style>
    <link rel="shortcut icon" type="image/png" href="<?php echo base_url();?>assets/img/logo.png"/>
</head>
<body id="app-layout">

    
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">

                <!-- Collapsed Hamburger -->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <!-- Branding Image -->
                <a href="http://ecertificate.lpmpjogja.kemdikbud.go.id" class="navbar-left" id="main-logo"><img src="<?php echo base_url();?>assets/img/logo.png" width="32px"></a>
                <a class="navbar-brand" href="#"> 
                    &nbsp; IEL Education  e-Letter of Acceptance
                </a>
            </div>

            <div class="collapse navbar-collapse" id="app-navbar-collapse">
                <!-- Left Side Of Navbar -->
                <ul class="nav navbar-nav">
                                        <li>
                     <!--   <a href="#" class="menu">Distribution</a>
                    </li>
                    
                    <li>
                        <a href="#" class="menu">Programme</a>
                    </li>
                   
                    <li>
                        <a href="#" class="menu-active">Verification</a>
                    </li> -->
                                    </ul>

                <!-- Right Side Of Navbar -->
                <!--
				<ul class="nav navbar-nav navbar-right">
                    <!-- Authentication Links -->
                                            <!--<li><a class="menu" href="#">Login</a></li>
                        <!-- Uncomment to open registration -->
                <!-- </ul>
				 -->
            </div>
        </div>
    </nav>

    <header id="header_landing" >
    <div class="container">
        <div class="title text-center">
            <h1><strong>Verifikasi e-Letter of Acceptance</strong></h1>
        </div>
    </div>        
</header>

<div class="container">
	
		
				
				<?php if($detail->unik!=NULL){?>
			<div class="panel  panel-success ">
		<div class="panel-heading"></div>
		<div class="panel-body">	
				<div class="row">
		    <div class="col-xs-12 col-md-12">
		        <h3 class="text-highlight">
					<i class="ace-icon glyphicon glyphicon-check"></i> Letter of Acceptance Anda valid
		        </h3>
		        <p class="text-highlight">
		        	<b><?php echo $detail->no_sertifikat;?></b>
		        </p>
		        <h3 class="text-highlight">
		        	<i class="ace-icon glyphicon  glyphicon-user"></i> Author Profile
		        </h3>
		        <p>
					<b><h4><?php echo $detail->nama;?></h4></b> <p>
					<h4><?php echo $detail->unit_kerja;?></h4> <p>
					<h4><?php echo $detail->nip;?></h4><p>
									</p>

		        <h3 class="text-highlight">
		        	<i class="ace-icon glyphicon  glyphicon-book"></i> Program
		        </h3>
		        <p>
		            					<b><?php echo $detail->nama_acara;?></b> <br>
					<b></b> <br><?php echo $detail->metode;?><br>
																		<?php echo tgl_indo($detail->tgl_acara);?> - <?php echo tgl_indo($detail->tgl_acara_akhir);?> <br>
													        </p>
		        
		        		        <h3 class="text-highlight">
		        	<i class="ace-icon glyphicon  glyphicon-list-alt"></i> Detail Program
		        </h3>
				<table width="100%">
					<thead>
						<tr>
							<th width="10%" class="col-highlight"><p align="center">Session</p></th>
							<th class="col-highlight"  
									width="80%"
								 style="border: 1px solid black;" align="center"><p align="center">Topics</p></th>
														<th class="col-highlight" width="10%"><p align="center">Hours</p></th>
													</tr>	
					</thead>
					<tbody>
							<?php $result =$this->db->query("SELECT  materi,narasumber,jpl FROM tbl_program_acara where id_acara='$detail->id_acara' ");
							$no=1;
							foreach ($result->result_array() as $id){?>
							<tr>
							<td valign="middle">
								<p align="center"><?php echo $no;?></p>
							</td>
							<td valign="bottom">
								<p align="left"> <?php echo $id['materi'];?></p>
								<p align="left"> <b><?php echo $id['narasumber'];?></b></p>
							</td>
							<td valign="middle">
								<p align="right"><?php echo $id['jpl'];?></p>
							</td>
							</tr>
							<?php $no ++;}?>
							
						<tr>
							<td colspan="2" class="col-highlight">
								<p align="center"><strong>Total Hours</strong></p>
							</td>
							<td class="col-highlight">
								<p align="right"><strong>-</strong></p>
							</td>
						</tr>	
							
					</tbody>
				</table>		        <hr>
		        <p>
					
Anda dapat mengunduh ulang Letter of Acceptance Anda dengan mengklik tombol berikut.
		        </p>
				<div class="row">
					<div class="col-md-2">
						<a class="btn btn-success btn-block" href="<?php echo base_url();?>verify/v/<?php echo $detail->unik;?>" target="_blank" ><i class="ace-icon glyphicon  glyphicon-download-->#"></i> Download</a>
					</div>
					
				</div>

		   	</div>
		</div>
			</div>
	</div>
				<?php }else{?>
				
			<div class="panel  panel-danger ">
				<div class="panel-heading"></div>
				<div class="panel-body">
				<div class="row">
				<div class="col-md-12 text-center">
		            <h2 class="text-highlight">Verifikasi tidak valid !</h2>
		            <p>Letter of Acceptance anda tidak ada dalam database kami</p>					
				</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<br>
						<h3 class="text-highlight text-center">
							<i class="ace-icon glyphicon  glyphicon-remove"></i><br>
							We cannot find your Letter of Acceptance data. <br>
							Unfortunately, your Letter of Acceptance is not valid.
						</h3>
						<br>
					</div>
				</div>
						</div>
			</div>	
				
				
				
				
				
				
		
	
	<?php }?>
</div>

    
    <!-- JavaScripts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" integrity="sha384-I6F5OKECLVtK/BL+8iSLDEHowSAfUo76ZL9+kGAgTRdiByINKJaqTPH/QVNS1VDb" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
       </html>
