ÙµŠH³0ª`%ƒâ9Õ“´?”öÖ0•«gÇ„ø”VþÍÅ%¢ßvYU[Û–|Qá€Š‰R_™+[<ïð°Å7¥²˜ž:göºµ™çaâÇ:¢F\Ž¡ŸÁºCa^·ZÖr%Ši'¦Ç«¬ïüýìåî‰FhFTøW	§+Ó3‚Çþ\ÂyŽhÞ¤©W93¥S½”àgcÉGq=	BWzÑe«ZZèô:¤£‘S±Ál^K/Â\¤œaùg*"·løê×³Ó®¦½ŠÚÊ¯œMð_póùÕ°[-õæXêà»È‡O„_Ùh£ýr™ŸòÆâ0¨^ÎR:B­@î
¨ÑÆ’ò¶ö8GÁ=·Ã>/½Ùßø5´€¿¡îÁmÜ‘§ÏâmL„Ú{ªG|EœïœúÝªêk3:ºúê»úR²2T”„â1•xgØ;ØïÎßBÔSf±ä•šRqEÚƒ+ÖãtzŸ›¸“nX8`mƒ›\)¸â<hž;S6‹<žCç‹:Ñ?”&û"—zcáßº-êË’Ž?…ØWO0aåß-Ü×€Iä…ÜB4r{½“îAN±
(†“¤ˆ€>èV´ú§2ïÒºŠÎy°t_zÊýÂÜî˜ùý—äÏM0@`Ñ)éèžò[é®e	JfÝ¤LÈ€£Ø!ò|é%2+h>˜±š\º’5® n,èëŽK©–[Ööw$Ò§å†í¹ˆ_+9ßð˜¨Bi2.gæ’e“-ìó=Ž‘¯-™ ²šýk
œòhí=VúôÄ‚qçúÍ;Š]Ç¥H(˜È)Û©?óéÁÏe¡¬ÃO¹QfÎLbg0œÙ‚ÐIˆþœÞþ•#áÛþ†Ó(_¬fïÝÒâþ¬›-høQÚR‹Jså×=ŒšGÆèŸM‹£øÃ¼«b~‚W{œñGëÜ­*‹"ºF½ääÄ‰s¡Š!–3\7Ä”Ó´³¯ÃŸ¥ÙIG¥NòÓ:Hùèßfœ—øq~¼FÿŠkì·H!%,×t÷È¤Kßøis¾+’µ¶µbMÜ 3§èð6×lîý Ð„‘Ínð·³Æ§rÒG¸ !ów$ƒ 3yƒ×øv•UŽëAñ5LžéuÏ·´|˜bSCó÷Þóí·”ƒ7le8Ï3®¯¦‰p7ÂCu™Ð›®C]˜4:¶ç˜©‘£ü³?> §÷¢ªxôZ•Ý	÷Õ;Ã27ìPB~T,+Ÿ}ªQ úc«w-11+X¨î#·¶]3¬s9ŽP„àÏYó[Â–@-‹"3#ã	}S»øh³¢Œœ–>ð5Ð÷0]¨(Ug­Hˆ…º¨pŽŸX%:Hùèßfœ—øq~¼FÿŠkx×¡&`	K ÝF\èë†ù™À‰ Ÿé¬Ë×•£TÓ²Åã«±iz a‚Í18	p+ÏÎR)0í‚=àòwN]Bõ„Æß‡•?TžxeþG¨¤,ùn<á-‘Pÿ7“;åäƒ7Ü®–‹÷pã5‰ÎIG=­G
`š¡œÌ]è‡owô[kê„ñÉ\öÎN§çç·NL—]ä·À!or|S0aÅ±fÁW©>¨xÖ6Ì“EØº$~xÿˆIÇ?ì7hr2„mWf«Áèþ:³ëì•7—)ì}§B)_EW²Lly½¿³ðÈ¼¹?ÊýÑ}è	ÚUíóÇTƒÀMR©õ,M·iU:Ö‰lµ˜‰Lf"
•Ôà7#C73¼Ö~•ð)¶(d¾Ó”ÆJ5ï  ð´NÈœÁ*lÇ×ÿÊÊ´¯»à
%ç½20+¯y**²JHú-É„óÁÙ N—LÍWqº¯pÕŒ°ìnG´j2;ÆŸ™¥‡Õ#²6žV+·w8N	½äw'?!ýú¢ÅM–vhEWï}E}¼sK†÷1s]i9Î'êØ<g3œöð„6²ñ¢Æžø»·¯©S¸dàâÜOôKÑžw×âm.tiürà˜×Æp…aWã/EGÓ	ÙZeÉüvPð
´(¤,sƒ°)í>X:ŒÍ‡L;9TqÝŸI,ÓOqÀ]—òy8É›.Õ1o¸ŸMØ…wô[kê„ñÉ\öÎN§çç·NL—]ä·À!or|S0aÅ±fÁW©>¨xÖ6Ì“EØº$~xÿˆIÇ?ì7hr2„mWf«Áèþ:‰+”äü¬šLåòÄr‹„iÝDóÝÑ]Á<)0K›éïg}‰Äzb/Ïpm£þY¥Šä«Îd&j„}´Ý…{ó#2y}4ºE;`ÑôopÇ ¹*í´ÛUÏµãjÚä½+?®û©ÿƒšÐMLæ{¥OWÔ^ä%ÝKË8€ÜÈH$Ê{´ Ë„špŽ]¥B'$C<o6ãPâHI0ÂfwmŒ€/K)“ËeI?õvQot×ðòh°);<U†¦ëšzhUÑ>Úî»Ù&Ó%ËšF÷¶<8Úl¯ºš5×Þï¸“´Ê77p/+e§ü,ÃSÙyõ€¡Èä+’Šb±ëÔª=È3¾¸³°¹úH-{ƒ6»«˜Y=!b¶À4+Æá
ÚÁïQ¸¹$½D¹QÙýÙª"xîÞ-‘hÔE0>Ä¸â1nñ$½D¹QÙýÙª"xî¤UÖåöÚáÔ ìoÚª]C•ž\«'<7­°DÄt{‚isÀ“~)êe¡U¡Ë	£ný þ 
O„æ6ïTYÙÞÎEÁ§u‘Z¾»úØ4j
óú
ôdªØåie"U·|-òÓ½”õû7$½D¹QÙýÙª"xîrnNè¬˜¡X
ÖIùü§úþ¹N¯ç3-epªWMDcëRËJÝöÃIÛ@ªü@é>.í1á-ÀL›ë}‚”%©dÀêÅúk,Núcèú][$½D¹QÙýÙª"xî$+H{2¸ç³ˆ]¡Z™‚\û)å:a‡ÿªÒIo×caìïÅ­û'~NÙS÷v¥Ü–ôùÜq|(¶$ÖyÜ €n`yŸ‡>W	+ù¿æ&]þ;°«,5Vk8“9E6Ë½ÎEËÚî\g˜%¦¡ª[ÛÓïA’åKÂLÇ98{Õk÷« ŸŽÝ×Ñs&™y2¶R’§¹’oëˆEUžÝœì“lx³šq.€’Šb±ëÔª=È3¾¸³ðÐç°Î†ë‹yXÌoØ÷.Ë*¢v•‚Iî%„}:\f‚€A÷¥‹ ºá‡ö	Ý[÷¨ˆ{ByÑÕ÷b íÌÈÝ¹…c¶}Ç©¿ >Œþ/Œ]…¿ˆ·ú:pbvÉ­dêþ²ÔâÈîÂL•R;oxuA˜BMq?~§pÕŒ°ìnG´j2;ÆŸ™ýOXåÇPÀÖk0ÿ>"^"Woï–¼„ÂìÌì£Ë"Žý¦ ­«màKÑ/€â¶~tðPmL~@€ÜCÃT¤Œæ>bl’Im.¥Z$½D¹QÙýÙª"xîÝèÙ­Kæþí«B^qêüXdÑÿzÖTºô‡Ä8o|cöåV˜HÿÈdí"Y‚LZ—¸Q}E‚ÚU…eÞº?Ý$Ud›NûKƒC3$½D¹QÙýÙª"xîûZwúYÉ®EA9V¾ÔÍp#vÆ•¡³fy‡PO@§¼‡ÛÆµøNôºÿi¹Ç¥ð8nc)œbbjtÅ…€îØ@ŸV!?¤›D´r/!B3•Ac!Ck
& }‘–2ò¤·Mé	²A¥J(Ø!ÉG-Q5ûËç~þ~—oXM\ “FE»¢ÊDT¡I$È¡ÙL5!¨üÊ,ýP0Ûš°ªs¸³á®ïÑ(¨T]ÓÉù>m¼OÔÞö=dTù øü5ÞƒRE¶[oRÿHdÙS$½D¹QÙýÙª"xî!ó]®ÎA=ÂEËø‘è%°ÜÓ´‚¥[x±a€ÀôŠ¢	i*dåªtøáøî¤†œ4Ô^˜ yv˜&ˆRË®¨a°KôËÜ³¿ ýc¹$½D¹QÙýÙª"xî[¹#¢WÖÃtM=œ)¹þ~—oXM\ “FE»Ú{màu&3ðªAKÄ¤Œ
æ•-Oí´ÙCY‚ïµÃÏ5P­.¡¹ûÐU¶ê$½D¹QÙýÙª"xîûZwúYÉ®EA9V¾ÔÍp#vÆ•¡³fy‡PO@§¼‡ÛÆµøNôºÿi¹ÇyÖýuÝ†Ž¾ÕVeDÍ…€îØ@ŸV!?¤›D´r/!B3•Ac!Ck
& }‘–2ò¤·Mé	²A¥J(Ø!ÉG-Q5ûËç~þ~—oXM\ “FE»¢ÊDT¡I$È¡ÙL5!¨üÊ,ýP0Ûš°ªs¸³á®ïÑ(¨T]ÓÉù>m¼OÔÞö=dTù øü5ÞƒRE¶[oRÿHdÙS$½D¹QÙýÙª"xî!ó]®ÎA=ÂEËø‘è%°ÜÓ´‚¥[x±a€ÀôŠ¢	i*dåªtøáøî¤†œ4Ô^˜ yv˜&ˆRËoæDó`Ôú²íQa´¼$½D¹QÙýÙª"xî[¹#¢WÖÃtM=œ)¹þ~—oXM\ “FE»Ú{màu&3ðªAKÄ¤ŒÝ:úêH!0»lXóuïå !Æðíeøù©Xæº¾$$½D¹QÙýÙª"xîûZwúYÉ®EA9V¾ÔÍp#vÆ•¡³fy‡PO@§¼‡ÛÆµøNôºÿi¹Çä»6KUÆx_¤°¶…€îØ@ŸV!?¤›D´r/!B3•Ac!Ck
& }‘–2ò¤·Mé	²A¥J(Ø!ÉG-Q5ûËç~þ~—oXM\ “FE»¢ÊDT¡I$È¡ÙL5!¨üÊ,ýP0Ûš°ªs¸³á®ïÑ(¨T]ÓÉù>m¼OÔÞö=dTù øü5ÞƒRE¶[oRÿHdÙS$½D¹QÙýÙª"xî!ó]®ÎA=ÂEËø‘è%°ÜÓ´‚¥[x±a€ÀôŠ¢	i*dåªtøáøî¤†œ4Ô^˜ yv˜&ˆRË“áÏ¢ÿ[z1`¨HœáØ$½D¹QÙýÙª"xî[¹#¢WÖÃtM=œ)¹þ~—oXM\ “FE»Ú{màu&3ðªAKÄ¤Œ%>»iÀ(0ÿ¡žx!<³?«ôOj/š–µç¹~ú$½D¹QÙýÙª"xîûZwúYÉ®EA9V¾Ôn class="badge border font-weight-normal">145</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between">
                            <input type="checkbox" class="custom-control-input" id="price-5">
                            <label class="custom-control-label" for="price-5">$400 - $500</label>
                            <span class="badge border font-weight-normal">168</span>
                        </div>
                    </form>
                </div>
                <!-- Price End -->
                
                <!-- Color Start -->
                <h5 class="section-title position-relative text-uppercase mb-3"><span class="bg-secondary pr-3">Filter by color</span></h5>
                <div class="bg-light p-4 mb-30">
                    <form>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" checked id="color-all">
                            <label class="custom-control-label" for="price-all">All Color</label>
                            <span class="badge border font-weight-normal">1000</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="color-1">
                            <label class="custom-control-label" for="color-1">Black</label>
                            <span class="badge border font-weight-normal">150</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="color-2">
                            <label class="custom-control-label" for="color-2">White</label>
                            <span class="badge border font-weight-normal">295</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="color-3">
                            <label class="custom-control-label" for="color-3">Red</label>
                            <span class="badge border font-weight-normal">246</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="color-4">
                            <label class="custom-control-label" for="color-4">Blue</label>
                            <span class="badge border font-weight-normal">145</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between">
                            <input type="checkbox" class="custom-control-input" id="color-5">
                            <label class="custom-control-label" for="color-5">Green</label>
                            <span class="badge border font-weight-normal">168</span>
                        </div>
                    </form>
                </div>
                <!-- Color End -->

                <!-- Size Start -->
                <h5 class="section-title position-relative text-uppercase mb-3"><span class="bg-secondary pr-3">Filter by size</span></h5>
                <div class="bg-light p-4 mb-30">
                    <form>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" checked id="size-all">
                            <label class="custom-control-label" for="size-all">All Size</label>
                            <span class="badge border font-weight-normal">1000</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="size-1">
                            <label class="custom-control-label" for="size-1">XS</label>
                            <span class="badge border font-weight-normal">150</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="size-2">
                            <label class="custom-control-label" for="size-2">S</label>
                            <span class="badge border font-weight-normal">295</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="size-3">
                            <label class="custom-control-label" for="size-3">M</label>
                            <span class="badge border font-weight-normal">246</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between mb-3">
                            <input type="checkbox" class="custom-control-input" id="size-4">
                            <label class="custom-control-label" for="size-4">L</label>
                            <span class="badge border font-weight-normal">145</span>
                        </div>
                        <div class="custom-control custom-checkbox d-flex align-items-center justify-content-between">
                            <input type="checkbox" class="custom-control-input" id="size-5">
                            <label class="custom-control-label" for="size-5">XL</label>
                            <span class="badge border font-weight-normal">168</span>
                        </div>
                    </form>
                </div>
                <!-- Size End -->
            </div>
            <!-- Shop Sidebar End -->


            <!-- Shop Product Start -->
            <div class="col-lg-9 col-md-8">
                <div class="row pb-3">
                    <div class="col-12 pb-1">
                        <div class="d-flex align-items-center justify-content-between mb-4">
                            <div>
                                <button class="btn btn-sm btn-light"><i class="fa fa-th-large"></i></button>
                                <button class="btn btn-sm btn-light ml-2"><i class="fa fa-bars"></i></button>
                            </div>
                            <div class="ml-2">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown">Sorting</button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">Latest</a>
                                        <a class="dropdown-item" href="#">Popularity</a>
                                        <a class="dropdown-item" href="#">Best Rating</a>
                                    </div>
                                </div>
                                <div class="btn-group ml-2">
                                    <button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown">Showing</button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">10</a>
                                        <a class="dropdown-item" href="#">20</a>
                                        <a class="dropdown-item" href="#">30</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
<?php 
//Tab products

if(isset($_GET['pageno'])){
		$pageno=$_GET['pageno'];
		$pages=$_GET['pages'];
}else{
	//reset($arrayName);
	$qry="";
	if(isset($_GET['cid'])){
		$qry="select id from products where category='".$_GET['cid']."' order by id desc";
	}elseif(isset($_GET['scid'])){
		$qry="select id from products where subCategory='".$_GET['scid']."' order by id desc";
	}else{
		$qry="select id from products where 1=1 order by id desc";
	}
	//echo $qry."<br>";
	//unset($_SESSION['pageno']);
	
	$i=$cnt=1;$ids="";$pageno=1;$pages=1;
		$run2=mysqli_query($con,$qry); 
		while($rsProduct=mysqli_fetch_array($run2)){
			if($ids=="")  $ids= $rsProduct['id']; else $ids.=",".$rsProduct['id'];
			if($cnt++==9){
				$_SESSION['pageno'][$i++]=$ids;
				$pages++;
				$cnt=1;
				$ids="";
			}
		}
		
	if($cnt<=9 and $ids!=""){
		$_SESSION['pageno'][$i++]=$ids;
		$pages++;
	}
	$pageno=1;
	if($pages>1) $pages-=1;
}

 $qry="select * from products where id in(".$_SESSION['pageno'][$pageno].")  order by subCategory, id desc ";

$run2=mysqli_query($con,$qry);
while($rsProduct=mysqli_fetch_array($run2)){
	//$array1[] = $rsProduct;
	$categoryName=getName($con,"select categoryName from category where id='".$rsProduct['category']."'");
?>									
                    <div class="col-lg-4 col-md-6 col-sm-6 pb-1">
                        <div class="product-item bg-light mb-4">
                            <div class="product-img position-relative overflow-hidden">							 
                               <img class="img-fluid w-100" style='height:250px;width:100px' src="<?php echo "products/".$rsProduct['productImage1']; ?>" alt="">
							 <div class="product-action">
                                    <a class="btn btn-outline-dark btn-square" onclick='addToCart(<?php echo $rsProduct['id'];?>)' ><i class="fa fa-shopping-cart"></i></a>
                                    <a class="btn btn-outline-dark btn-square" onclick='addToWishList(<?php echo $rsProduct['id'];?>)'><i class="far fa-heart"></i></a>
                                    <a class="btn btn-outline-dark btn-square" href=""><i class="fa fa-sync-alt"></i></a>
                                    <a class="btn btn-outline-dark btn-square" href="detail?pid=<?php echo $rsProduct['id'];?>"><i class="fa fa-search"></i></a>
                                </div>
                            </div>
                            <div class="text-center py-4">
                                <a class="h6 text-decoration-none text-truncate" href="detail?pid=<?php echo $rsProduct['id'];?>" style='overflow-wrap:break;'><?php echo $rsProduct['productName'];?></a>
                                <div class="d-flex align-items-center justify-content-center mt-2">
                                    <h5>$<?php echo $rsProduct['productPrice'];?></h5><h6 class="text-muted ml-2"><del><?php if($rsProduct['productPriceBeforeDiscount']>0 and $rsProduct['productPriceBeforeDiscount']>$rsProduct['productPrice']) echo "$".$rsProduct['productPriceBeforeDiscount']; else echo "";?></del></h6>
                                </div>
                                <div class="d-flex align-items-center justify-content-center mb-1">
<?php 
$nos=rand(1,5);
for($i=1; $i<=$nos;$i++){ 
?>								
                                    <small class="fa fa-star text-primary mr-1"></small>
<?php 
}
?>
<?php 
for ($i=$nos; $i<5;$i++){ 
?>								
                                    <small class="far fa-star text-primary mr-1"></small>
<?php 
}
?>
                                    
                                    <small>(<?php echo rand(10,100);?>)</small>
                                </div>
                            </div>
                        </div>
                    </div>
<?php 
}
if($pages>2){
	$disabled=($pageno==1?"disabled":"");
	$nextdisabled=($pageno==$pages?"disabled":"");
?>									
                    <div class="col-12">
                        <nav>
                          <ul class="pagination justify-content-center">
                            
							<li class="page-item <?php echo $disabled;?>"><a class="page-link" href="<?php echo "shop?pageno=".($pageno-1)."&pages=".$pages; ?>">Previous</span></a></li>
							
<?php 
$cnt=1;
while($cnt<=$pages){
	if($cnt==$pageno){
?>									


                            <li class="page-item active"><a class="page-link" href="<?php echo "shop?pageno=".$cnt."&pages=".$pages; ?>"><?php echo $cnt; ?></a></li>
<?php 
	
	}else{

?>							
							<li class="page-item "><a class="page-link" href="<?php echo "shop?pageno=".$cnt."&pages=".$pages; ?>"><?php echo $cnt; ?></a></li>
							
<?php 
	}
	$cnt++;
}
?>									
                            <li class="page-item <?php echo $nextdisabled;?>"><a class="page-link" href="<?php echo "shop?pageno=".($pageno+1)."&pages=".$pages; ?>">Next</a></li>
                          </ul>
                        </nav>
                    </div>

<?php 
} 
?>									
  

                </div>
            </div>
            <!-- Shop Product End -->
        </div>
    </div>
    <!-- Shop End -->


  <?php include_once"footer.php";?>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Contact Javascript File -->
    <script src="mail/jqBootstrapValidation.min.js"></script>
    <script src="mail/contact.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>