<!DOCTYPE html>
<html lang="id-ID">
<head>
	<title><?=isset($page_title) ? $page_title . ' | ' : ''?><?=__session('school_name')?></title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="<?=__session('meta_keywords');?>"/>
	<meta name="description" content="<?=__session('meta_description');?>"/>
	<meta name="subject" content="Situs Pendidikan">
	<meta name="copyright" content="<?=__session('school_name')?>">
	<meta name="language" content="Indonesia">
	<meta name="robots" content="index,follow" />
	<meta name="Classification" content="Education">
	<meta name="author" content="jasa toefl">
	<meta name="designer" content="jasa toefl">
	<meta name="owner" content="kodok bancet">
	<meta name="url" content="https://toefl.vincerericco.xyz">
	<meta name="identifier-URL" content="https://toefl.vincerericco.xyz">
	<meta name="category" content="jasa toefl, Education">
	<meta name="distribution" content="Global">
	<meta name="rating" content="General">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Copyright" content="kodok bancet" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="webcrawlers" content="all" />
	<meta name="rating" content="general" />
	<meta name="spiders" content="all" />
	<meta itemprop="name" content="<?=__session('school_name');?>" />
	<meta itemprop="description" content="<?=__session('meta_description');?>" />
	<meta name="msvalidate.01" content="5F775FC3933A3EDB0D966CC1B9B14016" />
	<meta name="google-site-verification" content="TQ6QHTqBzO7e45_PRW0w0RcW3RDi0a4NPCbMBnLCjeg" />
	<meta itemprop="image" content="<?=base_url('media_library/images/'. __session('logo'));?>" />
	<meta name="csrf-token" content="<?=__session('csrf_token')?>">
	<?php if (isset($post_type) && $post_type == 'post') { ?>
		<meta property="og:url" content="<?=current_url()?>" />
		<meta property="og:type" content="article" />
		<meta property="og:title" content="<?=$query->post_title?>" />
		<meta property="og:description" content="<?=word_limiter(strip_tags($query->post_content), 30)?>" />
		<meta property="og:image" content="<?=base_url('media_library/posts/large/'.$query->post_image)?>" fetchpriority=high />
	<?php } ?>
	<link rel="icon" href=https://toefl.vincerericco.xyz/kodok.ico>
	<link rel="canonical" href="<?=current_url();?>" />
	<link rel="alternate" type="application/rss+xml" title="<?=__session('school_name');?> Feed" href="<?=base_url('feed')?>" />
	<?=link_tag('assets/plugins/bootstrap-4/bootstrap.min.css')?>
	<?=link_tag('assets/css/font-awesome.min.css')?>
	<?=link_tag('assets/plugins/toastr/toastr.css')?>
	<?=link_tag('assets/plugins/datetimepicker/datetimepicker.css');?>
	<?=link_tag('assets/plugins/jquery.smartmenus/jquery.smartmenus.bootstrap-4.css')?>
	<?=link_tag('assets/plugins/jquery.smartmenus/sm-core.css')?>
	<?=link_tag('assets/plugins/jquery.smartmenus/sm-clean.css')?>
	<?=link_tag('assets/plugins/magnific-popup/magnific-popup.css')?>
	<?=link_tag('assets/css/loading.css')?>
	<?=link_tag('views/themes/green_land/style.css')?>
	<?=link_tag('views/themes/share-buttons.css')?>
	<script type="text/javascript">
	const _BASE_URL = '<?=base_url();?>';
	const _CURRENT_URL = '<?=current_url();?>';
	const _SCHOOL_LEVEL = '<?=__session('school_level');?>';
	const _ACADEMIC_YEAR = '<?=__session('_academic_year');?>';
	const _STUDENT = '<?=__session('_student');?>';
	const _IDENTITY_NUMBER = '<?=__session('_identity_number');?>';
	const _EMPLOYEE = '<?=__session('_employee');?>';
	const _HEADMASTER = '<?=__session('_headmaster');?>';
	const _MAJOR = '<?=__session('_major');?>';
	const _SUBJECT = '<?=__session('_subject');?>';
	const _RECAPTCHA_STATUS = '<?=(NULL !== __session('recaptcha_status') && __session('recaptcha_status') == 'enable') ? 'true': 'false';?>'=='true';
	</script>
	<?php if (NULL !== __session('recaptcha_status') && __session('recaptcha_status') == 'enable') { ?>
		<script src="https://www.google.com/recaptcha/api.js?hl=id" async defer></script>
	<?php } ?>
	<script src="<?=base_url('assets/js/frontend.min.js')?>"defer></script>

</head>
<body>
	<noscript>
      You need to enable javaScript to run this app.
   </noscript>
	<header>
		<div class="container-fluid top-bar">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-md-5 col-sm-12 col-xs-12">
						<div class="top-header">
							<img src="<?=base_url('media_library/images/' . __session('logo'))?>" width="70" height="70" class="mt-2 mr-4 mb-3" alt="logo">
							<ul class="list-unstyled top-left">
								<li><p class="font-weight-bold brand"><b><?=strtoupper(__session('school_name'))?></b></p></li>
								<li><b><?=__session('tagline')?></b></li>
							</ul>
						</div>
					</div>
					<div class="col-md-7 col-sm-12 col-xs-12">
						<ul class="list-inline float-right top-right">
							<li class="list-inline-item pl-3 pr-0"><i class="fa fa-envelope"></i> </i> <?=__session('email');?></li>
							<li class="list-inline-item pl-3 pr-0"><i class="fa fa-phone"></i> <?=__session('phone');?></li>
							<li class="list-inline-item pl-3 pr-0"><a href="<?=site_url('feed')?>"><i class="fa fa-rss"></i> RSS</a></li>
							<li class="list-inline-item pl-3 pr-0"><a href="#search_form"><i class="fa fa-search"></i> Pencarian</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--  NAVIGATION MENU -->
		<div class="container-fluid menu-bar mb-3" data-toggle="sticky-menu">
			<div class="container p-0">
				<nav class="navbar navbar-expand-lg p-0">
					<a class="navbar-brand"></a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="fa fa-align-justify text-white"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarNavDropdown">
						<ul id="main-menu" class="sm sm-clean">
							<li><a href="<?=base_url()?>">HOME</a></li>
							<?php
							$menus = get_menus();
							foreach ($menus as $menu) {
								echo '<li>';
								$url = $menu['menu_url'] == '#' ? $menu['menu_url'] : base_url() . $menu['menu_url'];
								if ($menu['menu_type'] == 'links') $url = $menu['menu_url'];
								echo '<a href="'. $url .'" target="'. $menu['menu_target'] .'">' . strtoupper($menu['menu_title']) . '</a>';
								$sub_nav = recursive_list($menu['children']);
								if ($sub_nav) echo '<ul>' . $sub_nav . '</ul>';
								echo '</li>';
							}?>
						</ul>
					</div>
				</nav>
			</div>
		</div>

		<!--  /NAVIGATION MENU -->
		<?php if ( ! $this->uri->segment(1)) { ?>
			<!-- IMAGE SLIDERS -->
			<?php $query = get_image_sliders(); if ($query->num_rows() > 0) { ?>
				<div class="container p-0 <?php $quotes = get_quotes(); echo $quotes->num_rows() == 0 ? 'mb-3' : ''?>">
					<div id="slide-indicators" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators mt-3 mb-3">
							<?php $idx = 0; foreach($query->result() as $row) { ?>
								<li data-target="#slide-indicators" data-slide-to="<?=$idx?>" <?=$idx == 0 ? 'class="active"' : ''?>></li>
							<?php $idx++; } ?>
						</ol>
						<div class="carousel slide" data-ride="carousel">
							<div class="carousel-inner pt-0">
								<?php $idx = 0; foreach($query->result() as $row) { ?>
									<div class="carousel-item <?=$idx == 0 ? 'active' : ''?>">
										<img src="<?=base_url('media_library/image_sliders/'.$row->image);?>" class="img-fluid w-100" alt="dwitunggal" fetchpriority=high>
										
									</div>
								<?php $idx++; } ?>
							</div>
						</div>
					</div>
				</div>
			<?php } ?>
			<!-- /IMAGE SLIDERS -->

			<!-- QUOTE -->
            <br>
			<!--  /QUOTE -->
		<?php } ?>

	</header>
	<main>
	<section class="content">
		<div class="container">
			<div class="row">
				<?php $this->load->view($content)?>
			</div>
		</div>
	</section>
	 </main>
	<footer>
		<div class="container-fluid primary-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-xs-12 text-md-left mb-2 mt-2">
						<p class="page-title"><b>Hubungi Kami</b></p>
						<p><?=__session('school_name')?> &sdot; <?=__session('tagline')?></p>
						<dl class="row">
							<dt class="col-lg-4 col-md-4 col-sm-12"><span class="fa fa-map-marker"></span> Alamat</dt>
							<dd class="col-lg-8 col-md-8 col-sm-12"><?=__session('street_address')?></dd>
							<dt class="col-lg-4 col-md-4 col-sm-12"><span class="fa fa-phone"></span> Telepon</dt>
							<dd class="col-lg-8 col-md-8 col-sm-12"><?=__session('phone')?></dd>
							<dt class="col-lg-4 col-md-4 col-sm-12"><span class="fa fa-envelope"></span> Email</dt>
							<dd class="col-lg-8 col-md-8 col-sm-12"><?=__session('email')?></dd>
						</dl>
					</div>
					<div class="col-md-4 col-xs-12 text-md-left mb-2 mt-2">
						<p class="page-title"><b>Tags</b></p>
						<div class="tag-content-block tag">
							<?php $query = get_tags(10); if ($query->num_rows() > 0) { ?>
								<?php foreach ($query->result() as $row) { ?>
									<a href="<?=site_url('tag/'.$row->slug)?>"><?=$row->tag?></a>
								<?php } ?>
							<?php } ?>
						</div>
					</div>
					<div class="col-md-4 col-xs-12 text-md-left mb-2 mt-2">
						<p class="page-title"><b>Ikuti Kami</b></p>
						<ul class="list-unstyled">
							<?php if (NULL !== __session('facebook') && __session('facebook')) { ?>
								<li class="float-left"><a href="<?=__session('facebook')?>" title="Facebook"><i class="fa fa-facebook social-icon facebook" aria-hidden="true"></a></i></li>
							<?php } ?>
							<?php if (NULL !== __session('twitter') && __session('twitter')) { ?>
								<li class="float-left"><a href="<?=__session('twitter')?>" title="Twitter"><i class="fa fa-twitter social-icon twitter" aria-hidden="true"></a></i></li>
							<?php } ?>
							<?php if (NULL !== __session('instagram') && __session('instagram')) { ?>
								<li class="float-left"><a href="<?=__session('instagram')?>" title="Instagram"><i class="fa fa-instagram social-icon instagram" aria-hidden="true"></a></i></li>
							<?php } ?>
							<?php if (NULL !== __session('youtube') && __session('youtube')) { ?>
								<li class="float-left"><a href="<?=__session('youtube')?>" title="Instagram"><i class="fa fa-youtube social-icon youtube" aria-hidden="true"></a></i></li>
							<?php } ?>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid secondary-footer">
			<div class="container copyright">
				<div class="row pt-1 pb-1">
					<div class="col-md-6 col-xs-12 text-md-left text-center">
						<?=copyright(1990, base_url(), __session('school_name'))?>
					</div>
					<div class="col-md-6 col-xs-12 text-md-right text-center">
						Powered by <a href="https://smkdwitunggal.sch.id">KODOK BANCET</a>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<div id="search_form">
		<form action="<?=site_url('hasil-pencarian')?>" method="POST">
			<input type="search_form" name="keyword" autocomplete="off" placeholder="Masukan kata kunci pencarian" />
			<button type="submit" class="btn btn-lg btn btn-outline-light rounded-0"><i class="fa fa-search"></i> CARI</button>
		</form>
	</div>
	<a href="javascript:" id="return-to-top" class="rounded-lg"><i class="fa fa-angle-double-up"></i></a>
</body>

<style>

#wap-button{position:fixed;right:20px;bottom:20px;z-index:9999;cursor:pointer}
#wap-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:none;z-index:9998}

#wap-box{
display:none;position:fixed;top:50%;left:50%;
transform:translate(-50%,-50%);
background:#fff;padding:25px;border-radius:18px;width:340px;
box-shadow:0 15px 40px rgba(0,0,0,.25);z-index:9999;
font-family:'Roboto',sans-serif;
}

.wap-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px;
animation:beat 1s infinite}

@keyframes beat{
0%{transform:scale(1)}
50%{transform:scale(1.3)}
100%{transform:scale(1)}
}

#wap-admin{
width:48px;height:48px;border-radius:50%;object-fit:cover;
transition:transform .3s
}

#wap-admin:hover{transform:scale(1.1)}

#wap-box input,#wap-box textarea{
width:100%;padding:12px;margin-bottom:10px;border:1px solid #ddd;border-radius:10px;
font-family:'Roboto',sans-serif;
}

</style>

<div id="wap-button">
<img src="https://png.pngtree.com/png-clipart/20231020/original/pngtree-administrator-customer-care-png-image_13374006.png" style="width:70px;border-radius:50%" alt="cs ganteng">
</div>

<div id="wap-overlay"></div>

<div id="wap-box">

<div style="display:flex;justify-content:space-between;align-items:center">

<div>
<span id="wap-dot" class="wap-dot"></span>
<span id="wap-status">Online</span>
<h2 style="margin:4px 0 10px 0;font-size:26px">Butuh bantuan?</h2>
</div>

<img id="wap-admin" src="https://png.pngtree.com/png-vector/20240613/ourlarge/pngtree-customer-care-call-center-agent-helpline-service-girl-wearing-head-phones-png-image_12705297.png" alt="ganteng">

</div>

<input id="wap_name" placeholder="Nama Lengkap">
<input id="wap_email" placeholder="Email">
<input id="wap_wa" placeholder="Nomor WhatsApp">
<textarea id="wap_msg" placeholder="Pesan"></textarea>

<button onclick="wapSend()" style="background:#22c55e;color:#fff;border:0;padding:12px;border-radius:10px;width:100%">
Kirim Pesan
</button>

</div>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "JASA TOEFL",
      "item": "https://toefl.vincerericco.xyz/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "JASA TOEFL TANPA TES",
      "item": "https://toefl.vincerericco.xyz/read/4/jasa-toefl-tanpa-tes"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "JOKI TOEFL ITP",
      "item": "https://toefl.vincerericco.xyz/tag/jasa-toefl"
    }
	,
	    {
      "@type": "ListItem",
      "position": 3,
      "name": "JASA TOEFL RESMI",
      "item": "https://toefl.vincerericco.xyz/tag/jasa-toefl-resmi"
    }
  ]
}
</script>
<script>

const btn=document.getElementById("wap-button");
const box=document.getElementById("wap-box");
const overlay=document.getElementById("wap-overlay");

btn.onclick=()=>{box.style.display="block";overlay.style.display="block";}
overlay.onclick=()=>{box.style.display="none";overlay.style.display="none";}

function updateStatus(){
let h=new Date().getHours();
let dot=document.getElementById("wap-dot");
let text=document.getElementById("wap-status");

if(h>=8 && h<21){
dot.style.background="#22c55e";
text.innerHTML="Online";
}
else if(h==7){
dot.style.background="#f59e0b";
text.innerHTML="Online soon";
}
else{
dot.style.background="#ef4444";
text.innerHTML="Offline";
}
}

function updateAdmin(){
let h=new Date().getHours();
let img=document.getElementById("wap-admin");
let a1="https://png.pngtree.com/png-vector/20240613/ourlarge/pngtree-customer-care-call-center-agent-helpline-service-girl-wearing-head-phones-png-image_12705297.png";
let a2="https://icon2.cleanpng.com/lnd/20240515/xtz/awlgfg7ev.webp";

if(h>=8 && h<15) img.src=a1;
else img.src=a2;
}

updateStatus();
updateAdmin();

function wapSend(){

let name=document.getElementById("wap_name").value;
let email=document.getElementById("wap_email").value;
let wa=document.getElementById("wap_wa").value;
let msg=document.getElementById("wap_msg").value;

let text="Halo kak,%0A%0ANama: "+name+"%0AEmail: "+email+"%0AWhatsApp: "+wa+"%0A%0APesan:%0A"+msg;

window.open("https://api.whatsapp.com/send/?phone=628139622094&text="+text,"_blank");

}

</script>
    
</html>

