<input type="hidden" name="group_id" value="">
<div class="banner-page-list">
    <div class="container bg">
        <div class="title-page">
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-6">
                    <h2 class="lost-child"><a href="<?=site?>service.html" title="Service">Our Service</a></h2>
                </div>
                <div class="col-md-4 top-right">
                    <div class="btn_service_defale">
                        <div class="btn_service_book">
                        <a href="<?=site?>" class="btn btn-default"><img style="vertical-align: top; padding-right: 7px;" src="<?=skin?>images/Forma-11.png" />Make an appointment</a> 
                        <a href="tel:<?=$cfg->site_phone?>" rel="nofollow" class="btn btn-primary btn-call"><img style="vertical-align: top; padding-right: 7px;" src="<?=skin?>images/Shape-1.png" />Call now<br />
                            </a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-content">
    <div style="font-size: 26px; text-align:center; font-weight:bold; padding:15px">WE HAVE ALL NAIL DIP POWDER COLORS</div>
    <div class="container page-container">
	<?php 
        foreach ($list_cat as $cat) : 
			$i=1;
            $link_cat = site.'san-pham/'.alias($cat->CategoryName).'-'.$cat->CategoryID.'.html';
            $list_pro = $this->services->get_pro_incat($cat->CategoryID);
			
        ?>
        <div class="row service-row">
        	<?php if($i==1):?>
            <div class="col-md-1 hidden-sm hidden-xs"></div>
            <div class="col-sm-4 col-md-3 col-xs-12 text-center">
                <div class="circle-service-image" style="background-image: url('<?=urlimg?>category/<?=$cat->CategoryImage?>')"></div>
            </div>
     		<?php endif;?>
            <div class="col-sm-8 col-md-7">
                <h1 id="sci_5" class="service-name"><?=$cat->CategoryName?></h1>
                <div class="row sub_service">
                    <div class="col-md-12">
                    <?php
					 foreach ($list_pro as $pro) : 
                    	$link_pro = site.'san-pham/'.alias($pro->ProductName).'-'.$pro->ProductID.'.html';
                	?>
                        <div class="box_service">
                            <div class="detail-price-item"> <span class="detail-price-name"><?=$pro->ProductName?></span> <span class="detail-price-dots"></span> <span class="detail-price-number"> <span class="si-p-wrap"> <span class="current">$<?=$pro->Price?></span> </span> </span> </div>
                            <p></p>
                        </div>     
               		 <? endforeach ;?>

                    </div>
                </div>
            </div>
            <div class="col-md-1 hidden-sm hidden-xs"></div>
        </div> <!--row service-row-->
	<?php 
		$i = $i + 1;
	endforeach ;
	?>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        var id_group = $('input[name="group_id"]').val();

        if ( id_group!='' && id_group != undefined) {
            scrollJumpto('#sci_' + id_group);
        }
    });

    function scrollJumpto ( jumpto, headerfixed, redirect )
    {
        // check exits element for jumpto
        if ( $(jumpto).length > 0 )
        {
            // Calculator position and call jumpto with effect
            jumpto = $(jumpto).offset().top;
            headerfixed = ( $(headerfixed).length > 0 ) ? $(headerfixed).height() : 130;

            $('html, body').animate({
                scrollTop: parseInt(jumpto - headerfixed) + 'px'
            }, 1000, 'swing');
        }
        // Check redirect if not exits element for jumpto
        else if ( redirect )
        {
            // Call redirect
            redirectUrl(redirect);
            return;
        }
        else
        {
            console.log(jumpto + ' Not found.');
        }
    }
</script>