<?php  if(!defined('BASEPATH')) exit('No direct script access allowed'); ?>

<?php $this->load->view($folder_themes . '/commons/header') ?>
<?php $this->load->view($folder_themes . '/commons/nav') ?>

<section id="main-content">
	<main>
		<div class="container">
			<div class="col-12 px-0">
				<div class="row m-0 justify-content-between">
					<div class="col-lg-8 bg-white justify-content-start">
						<h2 class="judul-artikel">
							<?= $single_artikel['judul'] ?>
						</h2>
						<div class="posting">
							<div class="meta-berita">
								<span>
									<i class="fa fa-calendar-alt"></i>
									<?= tgl_indo($single_artikel['tgl_upload']) ?>
								</span>
								<span>
									<i class="fa fa-user"></i>
									<?= $single_artikel['owner'] ?>
								</span>
								<?php if($single_artikel['kategori']) : ?>
									<span>
										<i class="fa fa-tag"></i>
										<?= $single_artikel['kategori'] ?>
									</span>
								<?php endif ?>
							</div>
							<?php if($single_artikel['gambar'] != '' && is_file(LOKASI_FOTO_ARTIKEL.'sedang_'.$single_artikel['gambar'])) : ?>
							<figure class="foto-artikel">
								<a href="<?= AmbilFotoArtikel($single_artikel['gambar'], 'sedang') ?>" data-fancybox="images">
								<img data-src="<?= AmbilFotoArtikel($single_artikel['gambar'], 'sedang') ?>" class="img-fluid lazy">
								</a>
							</figure>
							<?php endif ?>
							<article>
								<?= $single_artikel['isi'] ?>
							</article>

							<?php if($single_artikel['dokumen'] && $single_artikel['dokumen'] != NULL) : ?>
								<div class="py-2 pl-4 mt-5 bg-light align-middle d-flex align-items-center" style="border-left: 3px solid teal">
									<h4 class="h5 font-weight-bold m-0">Dokumen Lampiran</h4>
									<span class="px-3">:</span>
									<div><a class="d-inline-block" href="<?= base_url(LOKASI_DOKUMEN.$single_artikel['dokumen']) ?>"><?= $single_artikel['link_dokumen'] ?></a></div>
								</div>
							<?php endif ?>

							<?php if($single_artikel['gambar1'] && $single_artikel['gambar1'] != NULL) : ?>
								<?php if(is_file(LOKASI_FOTO_ARTIKEL . "sedang_" . $single_artikel['gambar1'])) : ?>
									<figure class="foto-artikel">
										<a href="<?= AmbilFotoArtikel($single_artikel['gambar1'],'sedang') ?>" class="item-foto" class="item-foto" data-fancybox="images">
											<img data-src="<?= AmbilFotoArtikel($single_artikel['gambar1'],'sedang') ?>" alt="<?= $single_artikel['nama'] ?>" class="img-fluid mt-3 lazy" title="<?= $single_artikel['nama'] ?>">
										</a>
									</figure>
								<?php endif ?>
							<?php endif ?>

							<?php if($single_artikel['gambar2'] && $single_artikel['gambar2'] != NULL) : ?>
								<?php if(is_file(LOKASI_FOTO_ARTIKEL . "sedang_" . $single_artikel['gambar2'])) : ?>
									<figure class="foto-artikel">
										<a href="<?= AmbilFotoArtikel($single_artikel['gambar2'],'sedang') ?>" class="item-foto" class="item-foto" data-fancybox="images">
											<img data-src="<?= AmbilFotoArtikel($single_artikel['gambar2'],'sedang') ?>" alt="<?= $single_artikel['nama'] ?>" class="img-fluid mt-1 lazy" title="<?= $single_artikel['nama'] ?>">
										</a>
									</figure>
								<?php endif ?>
							<?php endif ?>

							<?php if($single_artikel['gambar3'] && $single_artikel['gambar3'] != NULL) : ?>
								<?php if(is_file(LOKASI_FOTO_ARTIKEL . "sedang_" . $single_artikel['gambar3'])) : ?>
									<figure class="foto-artikel">
										<a href="<?= AmbilFotoArtikel($single_artikel['gambar3'],'sedang') ?>" class="item-foto" class="item-foto" data-fancybox="images">
											<img data-src="<?= AmbilFotoArtikel($single_artikel['gambar3'],'sedang') ?>" alt="<?= $single_artikel['nama'] ?>" class="img-fluid mt-1 lazy" title="<?= $single_artikel['nama'] ?>">
										</a>
									</figure>
								<?php endif ?>
							<?php endif ?>

							<div id="share" class="my-5 mx-auto text-center"></div>
							<section class="komentar py-4">
								<?php $this->load->view($folder_themes .'/partials/komentar') ?>
							</section>	
						</div>
					</div>
					<aside class="col-lg-4 justify-content-end">
						<div class="widget">
							<?php $this->load->view($folder_themes .'/partials/widget') ?>
						</div>	
					</aside>
				</div>
			</div>
		</div>
	</main>
</section>
<?php $this->load->view($folder_themes .'/commons/footer') ?>
<script>
		$("#share").jsSocials({
				shares: ["email", "twitter", "facebook", "googleplus", "line", "whatsapp"],
				shareIn: 'blank'
		});
</script>
