<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<div class="main">
    <div class="container">
        <!-- <div class="header-page">
                    <h1 style="text-transform: uppercase; font-size:25px; position:relative; left:20px;">New Arrival</h1>
                </div> -->
        <!-- /.header-page -->
        <div class="main-content">
            <div class="top-products">
                <div class="showing-results" style="text-transform:uppercase;">
                    <?php if (count($products) == 0) : ?>
                        <p>There are no products</p>
                    <?php else : ?>
                        <p>There are total <?= count($products); ?>
                            product<?php if (count($products) > 1) : ?>s<?php endif; ?></p>
                    <?php endif ?>
                </div>

            </div>


            <div class="box-product row">

                <?php foreach ($products as $item) : ?>

                    <div class="col-lg-3 col-md-4 col-sm-6">

                        <div class="product-item">
                            <div class="product-thumb">
                                <div class="main-img">
                                    <a href="<?= base_url() . 'product/' . $item->alias; ?>">
                                        <img class="img-responsive" src="<?= base_url() . 'uploads/product/' . $item->image1; ?>" alt="img" />
                                    </a>
                                </div>
                                <div class="overlay-img">
                                    <a href="<?= base_url() . 'product/' . $item->alias; ?>">
                                        <img class="img-responsive" src="<?= base_url() . 'uploads/product/' . $item->image2; ?>" alt="img" />
                                    </a>
                                </div>

                                <?php if ($item->new_arrival == 'yes') : ?>
                                    <div class="product-new">
                                        NEW
                                    </div>
                                <?php endif; ?>

                                <?php if ($item->discount_price != 0) : ?>
                                    <div class="product-sale">

                                        -<?= ceil(($item->price - $item->discount_price) / $item->price * 100); ?>%
                                    </div>
                                <?php endif; ?>

                                <a href="<?= base_url() . 'product/' . $item->alias; ?>" class="details"><i class="pe-7s-search"></i></a>
                            </div>
                            <h4 class="product-name"><a href="<?= base_url() . 'product/' . $item->alias; ?>"><?= strtoupper($item->title); ?></a></h4>
                            <p class="product-price">

                                <?php if ($item->discount_price != 0) : ?>

                                    <ins><span class="amount">IDR <?=
                                                                    number_format($item->discount_price); ?></span></ins>
                                    <del><span class="amount">IDR <?=
                                                                    number_format($item->price); ?></span></del>

                                <?php else : ?>

                                    <ins><span class="amount">IDR <?=
                                                                    number_format($item->price); ?></span></ins>

                                <?php endif; ?>

                            </p>

                        </div>
                    </div>


                <?php endforeach; ?>


            </div>
            <!-- /.box-product -->





        </div>
        <!-- /.main-content -->
    </div>
</div>
<!-- /.main -->








<div id="footer">