|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/web/app/Views/theme/spirit/halaman/ |
<style>
.jarak {
padding-top: 20px;
}
@media screen and (max-width: 600px) {
.jarak {
padding-top: 100px;
}
}
@media screen and (max-width: 600px) {
.jarak {
padding-top: 100px;
}
}
</style>
<!-- <link rel="stylesheet" href="/theme/assets/css/wpo-minify-header.min.css" media="all"> -->
<link rel="stylesheet" href="/theme/assets/css/daftar.css" media="all">
<section id="service_part">
<div id="primary" class="content-area jarak" style="transform: none;padding-top:60px">
<div class="container" style="transform: none;">
<div class="row">
<div class="row_content col-xs-12" style="transform: none;">
<div class="" style="display: inline-start;">
<h3>
<?= $title; ?>
</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12" style="margin-bottom:40px">
<form method="GET" action="">
<div class="input-group mb-3">
<input type="text" class="form-control" name="keyword"
placeholder="Find something here......" value="<?= $keyword ?>">
<div class="input-group-btn">
<!-- <button style="border-radius:0; background-color:grey; color:white;" type="button"
class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false" value="">Select
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li value="Produk" selected>Produk</a>
</li>
<li value="Tips"><a href="#">Tips</a>
</li>
</ul> -->
<select type="text" class="btn btn-secondary" id="search_option" name="search_option"
style=" background-color:#1e1e1e; color:white; height: 34px;font-weight:bold; border:transparent;">
<option style="background-color:aliceblue;color:black; font-weight:bold;"
name="tips" value="tips" <?= ($option == 'tips') ? 'selected' : '' ?>>
Tips
</option>
<option style="background-color:aliceblue;color:black;font-weight:bold;"
name="produk" value="produk" <?= ($option == 'produk') ? 'selected' : '' ?>>
Products
</option>
<option style="background-color:aliceblue;color:black;font-weight:bold;"
name="video" value="video" <?= ($option == 'video') ? 'selected' : '' ?>>
Videos
</option>
</select>
<button class="btn btn-secondary" type="submit"
style="background-color:#0057a4; color:white; font-weight:bold;"><i
class="fa fa-search">
</i> Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="container" style="transform: none;">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<main id="main" class="site-main">
<div class="rt-sidebar-sapcer">
<div class="blog-layout-1 row_content">
<?php
if ($list_artikel == null) { ?>
<div class="row" style="margin-top: 60px;">
<div class='container'>
<center>
<h3>Sorry, the data you are looking for could not be found...</h3>
</center>
</div>
</div>
<?php } ?>
<?php foreach ($list_artikel as $data):
$date = date_create($data['publish_up']);
$tgl = date_format($date, "d");
$bln = date_format($date, "M");
?>
<div id="post-287"
class="col-lg-3 col-md-4 col-sm-6 blog-layout-1 post-287 post type-post status-publish format-standard has-post-thumbnail hentry category-finance category-news tag-business tag-consulting">
<div class="blog-box show_image">
<div class="blog-img-holder">
<div class="blog-img">
<a href="<?= $url_data . '/' . $data['id'] . '/' . $data['alias'] ?>"
class="img-opacity-hover">
<img width="570" height="200" src="<?= $data['url_image'] ?>"
class="img-responsive wp-post-image" alt="<?= $data['title'] ?>"
decoding="async" loading="lazy" style="height:275.5px">
</a>
</div>
</div>
<div class="entry-content"
style="font-size: 12px;margin-left: -2px; padding-left: 0px;">
<!-- <ul class="entry-meta"
style="font-size: 12px;margin-left: -2px; padding-left: 0px;">
<li class="item-author" style="color:#fa360a"><i class="fa fa-user">
</i><?= $data['first_name'] . ' ' . $data['last_name'] ?></li>
<li class="blog-cat"><i class="fa fa-folder-open"> </i><a href="#"
rel="category tag">News</a></li>
</ul> -->
<h3 class="entry-title"
style="font-size: 14px;color: #000;line-height: 20px;">
<a href="<?= $url_data . '/' . $data['id'] . '/' . $data['alias'] ?>"
style="color: #000;">
<?= $data['title'] ?>
</a>
</h3>
<?php if ($option == 'produk') { ?>
<div class="blog-date">
<span class="day"><i class="fa fa-check"></i></span>
</div>
<?php } else { ?>
<div class="blog-date">
<span class="day">
<?= $tgl ?>
</span>
<span class="month">
<?= $bln ?>
</span>
</div>
<?php } ?>
</div>
</div>
</div>
<?php
endforeach;
?>
</div>
</div>
</main>
</div>
</div>
</div>
<center>
<div class="pagination py-1 mb-2">
<ul class="flex-sm-wrap">
<?= $pager->links(); ?>
</ul>
</div>
</center>
</div>
</div>
</section>
<!-- <script>
$('#search_option').on('change', function() {
// ambil data dari elemen option yang dipilih
const price = $('#search_option option:selected').data('produk');
const discount = $('#search_option option:selected').data('tips');
// tampilkan data ke element
$('[name=tips]').val(price);
$('[name=discount]').val(totalDiscount);
$('#total').text(`Rp ${total}`);
});
</script> -->