
<?php $__env->startSection('metades'); ?>
	<meta name="description" content="<?php echo e($data['metaDescription']); ?>" />
	<meta name="author" content="Kultikri Teacher Training Institute of Higher Studies (KTTIHS)" />
	<meta name="keywords" content="Kultikri Teacher Training Institute of Higher Studies (KTTIHS)" />
<?php $__env->stopSection(); ?>
<?php $__env->startSection('title'); ?>
	<title><?php echo e($data['metaTitle']); ?></title>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
	<section class="page_title_wrap bottom_border">
		<div class="container">
			<h3><?php echo e($data['title']); ?></h3>
		</div>
	</section>
	<div class="container">
		<div class="row mt-4 mb-5">
			<div class="col-md-8 col-sm-8">
				<div class="practice_section">
					<h2><?php echo $data['title']; ?></h2>
					<h4><?php echo $data['shortDescription']; ?></h4>
					<ul>
						<?php $__currentLoopData = $data['moduleItems']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
							<li><a href="javascript:void(0)" onclick="openDivCity(<?php echo e($item['id']); ?>)" data-id="<?php echo e($item['id']); ?>" class="tabpssystem"><?php echo $item['title']; ?></a></li>
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
					</ul>
				</div>
			</div>
			<div class="col-md-4 col-sm-4">
				<h4><a href="<?php echo e(url('deled-teaching')); ?>">Go To D.El.Ed Teaching</a></h4>
			</div>
		</div>
	</div>
	<div class="container">
		<h2 class="doc_text">Documents</h2>
		<?php $__currentLoopData = $data['moduleItems']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ik => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
			<?php $checkDiv = $ik==0 ? 'display: block;' : 'display: none;'; ?>
			<div id="contaId-<?php echo e($item['id']); ?>" class="contaIdClass" style="<?php echo e($checkDiv); ?>">
				<div class="tab year_box">
					<?php if(count($item['dynamicSections']) > 0): ?>
						<?php $__currentLoopData = $item['dynamicSections']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $dsk => $dynamicSection): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
							<?php $tablink = 'tablink'.$dynamicSection['id']; ?>
							<button class="tablinks year_link" onclick="openCity(event, '<?php echo e($tablink); ?>')"><?php echo e($dynamicSection['title']); ?></button>
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
					<?php endif; ?>
				</div>
				<?php if(count($item['dynamicSections']) > 0): ?>
					<?php $__currentLoopData = $item['dynamicSections']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $dsk => $dynamicSection): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
						<?php 
							$tablink = 'tablink'.$dynamicSection['id'];
							$checkTab = ($dsk==0 && $item['id'] == $dynamicSection['moduleItemId']) ? 'display: block;' : 'display: none;';
						?>
						<div id="<?php echo e($tablink); ?>" class="tabcontent year_section itemId-<?php echo e($item['id']); ?>" style="<?php echo e($checkTab); ?>">
							<?php $__currentLoopData = $dynamicSection['subSections']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $subSection): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 
							  <img src="<?php echo e($subSection['image']); ?>" alt="main-gallery2" />
							<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>  
						</div>
					<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
				<?php endif; ?>
			</div>
		<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
	</div>
<?php $__env->stopSection(); ?>
<script>
    function openCity(evt, cityName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(cityName).style.display = "block";
        evt.currentTarget.className += " active";
    }
	function openDivCity(itemId){
		$(".contaIdClass").css({'display':'none'});
		$(".tabcontent").css({'display':'none'});
		$(".itemId-"+itemId).first().css({'display':'block'});
		$("#contaId-"+itemId).css({'display':'block'});
	}
</script>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/websites/kttihs/resources/views/home/bed-teaching.blade.php ENDPATH**/ ?>