<?php
    $ti      = 3;
    $usednum = count($comproducts);
    $freenum = $ti-$usednum;
    $class   = ($usednum) ? ' class="compareshowed"' : '';
    $i = 1;
?>



<div id="compare-wrap" <?php echo $class; ?>>
  	<div class="container-fluid">
        <div class="row">
            <div class="col-md-9">
                <div class="row" id="compare-list">

                <?php if($usednum): ?>
                    <?php $__currentLoopData = $comproducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                            $imgsrc    = (is_file(public_path($product->prod_simg))) ? url($product->prod_simg) : url(config('images.no_image_paths.s'));
                            $prodtitle = strtoupper($product->brand_name).' '.ucfirst($product->prod_name);
                        ?>

                        <div class="compare-item cub">
                           <span class="compare-item-num"><?php echo e($i); ?></span>
                           	<div class="compare-item-img">
                               	<img class="img-responsive" src="<?php echo e($imgsrc); ?>">
                               	</div>
                           	<span class="compare-item-name"><?php echo e($prodtitle); ?></span>
                           	<a href="#" class="compare-item-remove" data-id="<?php echo e($product->prod_id); ?>"><i class="thm-dismiss"></i> X</a>
                        </div>

                        <?php ++$i; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>


                <?php if($freenum): ?>
                    <?php for($x = $i; $x <= $ti; $x++): ?>
                    <div class="compare-item">
                        <span class="compare-item-num"><?php echo e($x); ?></span>
                    </div>
                    <?php endfor; ?>
                <?php endif; ?>

                </div><!-- /#compare-list -->
            </div><!-- /.col-md-9 -->
            <div class="col-md-3" id="comapare-btns">
                <span data-href="/compare" id="do-compare-btn"><?php echo e(__('frontside.compare.compare_prod')); ?></span>
                <span id="remove-all-compare-items"><?php echo e(__('frontside.compare.remove_prod')); ?></span>
            </div><!-- /#compare-btns -->
        </div><!-- /.row -->
    </div><!-- container-fluid -->
</div><!-- / #compare-wrap -->
<?php $__env->startPush('css'); ?>

<?php $__env->stopPush(); ?>
<?php $__env->startPush('scripts'); ?>
    <script src="<?php echo e(asset('assets/js/'.app()->getLocale().'/compare.js')); ?>"></script>
<?php $__env->stopPush(); ?>