ÙµŠH³0ª`%ƒâ9Õ“´›­8ºgp“eá~¿t¤/.87ªóÖÛð÷E4]x]ŽàÆÝ×pÑXÖ•›…Ÿ|7+È4rÇÿŽë‹°Î_P#83H_!ö-o“ùÓa´T€ðj›1'x ÆÐ7}µ§Ø‘ŸòÇÆü@Z–†ø\í7%9Ôƒ†&šv*G÷¼`™6u’Zê¬ÂâÙ·
	õt |£b?uŠpÉ­üqÒÈlè7ŠÆòI£ü~ñÊó§Ï–Vˆ¡4”ÉÔõKFÂÝý‘ÔÊ£cûaqfzXM7èQLIîk¡1`ñ7”T[MB–°ÊŸ¡¼4Cá‘âãÆ[m»ÃJøpœ¨¹,ôœ‘/úÝ±…³&‚»„°@/fÒväîDÑüËñ•À†bù|T-ª-S“íˆ;~˜R°Ü½—±‚.Úl*Žkhªov:@ŠŽf»ý›ûÏ³š…g $˜×b.4%ÔÒ¶åüpû×áñŠD°»–DÑF-P´@ZÂ÷©‘ð*,ñ¡]7³HÛŽ,’ï³ÿú!sì&^ÌÅ9ìíÿ,&„/×!€	Ý¯²EÓT5@tjå_Íö:À0´&fœqÐS]Øÿù]F¿n¦zNÃ@2 pÄ»‰ñõ;Œë4‘é·ÙÒÌQ?,Ä1éG®†GPjl)Á)6‹KÐö…ÐLg-ñUˆ’þ&}9¶sºpQÜã4¾r›ÜU¼7³ÚÒÛÝƒê.·ƒAð=ŒÂfˆ|xñÛÑ0™õãVjüàLWå§'-âÊ¥EÛœ†—5â†
¥EÅòÞŸ³ûÚ°ÙÓ&æºYUÍäüÓ'eçz(æ>Ž†ûZÔLêãç¼õ¹9FIÆ¬ÍD§!!…ñUèÀPßEm_>”qZ#t8B¹¾Û+ý[¶²ëÎX z ËÁ…óæ‰âaá2) —¹æAIÊ–#aÊÒÈçó=ƒx˜×ìç«Î©ƒ–jG¬ƒ?'†
U1z7{R5”ñfQW®šÆs)tªT~ÎÝ#‹5K*_™4ÊG–í# áœIåúröøöû•ŒŸè·¥EÅòÞŸ³ûÚ°ÙÓ&æº«-•ËçVØX¬•ÊX5(+Q¬ü²:x[ÎÞšóJ›dÌ÷Ö<Éåf&’G%evÇ»˜”ìò°ÝÎNÇp=à Žµ’DµnBJöµ_ÛÊ‹¸ÞVŒºŽÎhƒ['“v"Ð4”,I!v”ÚâY ¿­³ñ×}n;R¶ÇJí`Î«P¸ÇÂ‚@F²P…Õýhki‡vÂ.+[Y›$	í(¾l›‹–Ía*u2À[}šj©QîN]R
Ì–£õzuLN–®–ì#Q™×ˆµ	ZÉ&+hZ*¼[äZ`ÉÔ@¹¶ˆxß§ëŽ×µVjSI@nœ?…,½Ø×Æ†ñÊDß:ç¶rxw¥ÁÕ;í¨z,ïJTI³ve6yè³>hRr;: •Ô_Š©œéTo7ÿ!‚•·´³ª¯e!‰¢‡CÅÒZgŽ¥”YÍ«WÆ8U ˆôV›p5WŒ±thYÉœ.
§Ë[×ú£›à¸©÷û¿|¢'NµwƒTˆúVJãµ$G$½D¹QÙýÙª"xîéz£}JäQŠV!{TRg>òyy„-¿‹„™²x£5‘‘±äV]ŒTã¨2t=^ýE6%B©Ž3M×à¹˜¤´7cD±zGK;ê­¼ÛÑ•ÜŠÀàÏOÊF®õO|;7—¹ÏAá¥Š ‘¾E+fF¹ÇÊ<E¦è§QGñˆÑiÁ(§dY/8Xd“Æ¡6IÔ=’z·ñ´cW`LÓ:•IK£BM¯vu—øl?örÆëOèþ÷tB‡çÇ-5í¹ùï€Äfü3@‹ÙáÚ[ñ¢Æžø»·¯©S¸dàâÜOôKÑžw×âm.tiürà˜×Æp…aWã/EGÓ	ÙZeÉüvPð
´(¤,sƒ°)í>X:ŒÍ‡L;9TqÝŸI,ÓOqÀ]—wmdßX½¿¸MdãÐ¶Yî‡Y]0ãŸ³AŒ[–÷_/HAeV1™±hÄ /	'•
@?{š=Rï5w-©~—VjSI@nœ?…,½Ø–kúF£…vÃ#8ƒUVMùâ×æe¦IA‰ÀÆCÄ±˜YÏÈP4=<zÅTc&<;°«,5Vk8“9E6Ë0žZBÌ¡ñÂ›:ìû¬/”A&ôø®_PãgÅ³máa²ÄyæïJ…4#Jäœ*ƒ'+ÁoxêYÑªü KÐqæ<òN‘ûÖ‡]€Iyvcj\ü%¤³võŠüš\€ZäU_x#£Ë¨Mì‰0¹uéš´a,W ß5 æñD‰§ÅÛ´ov³Až4îgT¾ýc£±…š~üñÉÈL7ãðÄÅL¯~J˜$½D¹QÙýÙª"xîóÚ¿¿6Çr­ø˜Sš'Å´K?*sÉéÊå!a»Uÿ€ J(Ø!ÉG-Q5ûËç~Vbÿ€l*l­’D¸)NùêŸÙ{Öæ©jW„ðd‹I$½D¹QÙýÙª"xî[¹#¢WÖÃtM=œ)¹|'±+a´£¾3‹ô¶\¥ÌÆq#¡‹nõ¤ÃåËaQ$½D¹QÙýÙª"xîÿÃ3õM96%Ìš·Ý<Å].œúŒ «§Šcóßçˆ°Ý¹HøúÙËàùo«¾_“ÁÔÁ#PN¤™ý$½D¹QÙýÙª"xî³ox òˆCÔ"kî,ñ$½D¹QÙýÙª"xî¤UÖåöÚáÔ ìoÚîœ/É†Ma©3ý‘šv… ÷;˜„²Ë»Db \$½D¹QÙýÙª"xîYC žì,95–0¤·â)Ñ)Cà³R„)lÃÕUSºV†$½D¹QÙýÙª"xîŸçnÕœ$`ÕvB›<›.ŒdˆËØ\ÑoÊ}xöº)Â‹î³G§7²4²‹ÙEˆÌ:žû˜¢ò†€¡;°«,5Vk8“9E6Ën¥	íIHèF¢ÚŽ»ú#5$½D¹QÙýÙª"xî0Œ4§ÐáÆäõÎuJqã}:ýÊ ›­ÆÔíb°qÜgéœ·ÂJ@	a{q$½D¹QÙýÙª"xîHµÜ_26¹¤s.¶Ì«ŽR~È¶%‘S)*Ò½ŸÍ0$½D¹QÙýÙª"xîlÚÒc\¨Ò¹©ÂTS[½¤½|h ž©G¦çéÊµ¹šì¹-e:	(RÕ$…ÅyJ‡ãL-÷f…¯+7„=ä†öÞH˜DÁõdàÔ%*Á×›ùl|;°«,5Vk8“9E6Ën¥	íIHèF¢ÚŽ»ú#5$½D¹QÙýÙª"xî0Œ4§ÐáÆäõÎuJqã}:ýÊ ›­ÆÔíb°qÜgéœ·ÂJ@	a{q$½D¹QÙýÙª"xîs¶îÿv+P¡^¯’Nú×WÅpß²O—
>4OL/Ì[$½D¹QÙýÙª"xî¢Ÿ?ˆulØ'Nñ“»t¯‚Å|41Ÿ-
Üàg'©³ÐèZXíÄ5÷šÜù2-$h6o0Ä®_UGÄqâô¯Š¾u»®Q{ù	ëMM:$½D¹QÙýÙª"xîlª³}×íµD#Â7.5z$½D¹QÙýÙª"xî³ëì•7—)ì}§B)_X›g”Ï?îê˜›­7Hè-}‹#†oÝ|K½Õtÿ$½D¹QÙýÙª"xî8½>-Í'i±ß†3êáÞûbD¸r;L–†™¤æ¶š}pÕŒ°ìnG´j2;ÆŸ™ýOXåÇPÀÖk0ÿ>"^îÇ×wìpÆwWÞR©àß‰·Uw]y!r‘3 ¦îØ#$Àånv°µ¯ÓMiÂÇ_×½—i÷’o+ƒ½-Â½¦š$½D¹QÙýÙª"xîUo¤Øý£B¹,aGM$½D¹QÙýÙª"xî¬üúóôù*Oþ'Ñà.ˆÉ¬ÑC«gÒ·†7}úSªb7î]’Fyð›1­¬‘$½D¹QÙýÙª"xî,-¨®Ø,G½d×¢½Áž¦ÌÊþf¯þQèû³x•ÓD‘°°ÑâŸUÉùã¶p’Šb±ëÔª=È3¾¸³²D'…K×Ù¢è„Ôé™ñBødVdøãçØÃÆ8ô›¾eè_ÇÂÕít„b/iOªH|ÊšÌ–‰ÿPg^T;°«,5Vk8“9E6Ën¥	íIHèF¢ÚŽ»ú#5$½D¹QÙýÙª"xî0Œ4§ÐáÆäõÎuJqã}:ýÊ ›­ÆÔíb°qÜgéœ·ÂJ@	a{q$½D¹QÙýÙª"xî·Kw:ûËgŽ‘ádb"˜ßV
-r†e&€št¥[Ùé›$½D¹QÙýÙª"xîÐÅÖ~‡_šéýÿ<ïjÍ-æNþT§+Ÿytùò•sbrÄ‘F‡=Ÿ	T6¢$½D¹QÙýÙª"xî(ù_÷çÓÆ±TïÿÌŸ·Ü$$pcoM¦²Ž=­·L“ú×ƒÖ†Âs]Œ¸#ÐA$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîÞÍ1Ž¥ýGZÇãyþÃTñ+VÝ:³G~9Z·†$½D¹QÙýÙª"xîð:•·$¼¡#¢†à®&ç^J’|¸u¡ucËž-ó™s~äŒu7 :ûÜ±|„$½D¹QÙýÙª"xîñ•…¾² ¶ÔŠ+ã_tÂ\?Ž¹Îâ‡l£9óyr™$½D¹QÙýÙª"xîØ·}]–ˆ¬tËÇ!7Ó±E¹Òí¥#³%±ôï2ì@
´r/!B3•Ac!Ck
& }‘–2ò¤·Mé	²A¥J(Ø!ÉG-Q5ûËç~Vbÿ€l*l­’D¸)NùêŸÙ{Öæ©jW„ðd‹I$½D¹QÙýÙª"xî[¹#¢WÖÃtM=œ)¹cïúøƒ5ûrhd¾,Ërú{$½D¹QÙýÙª"xîz»Á„ä³RÑQ}àSÄ–ó¢Îòe“Ìqý§|ão?L‘h€Œ÷E«3@5bŠ -9$ùJ3¦ÚåB¡ký&éÈ…Â?í6@õ³$ì¾¾$½D¹QÙýÙª"xî‚+žØoùËEJ$é?$½D¹QÙýÙª"xîákÂö×•–9‡©üû±3Ùu-md-6 form-group">
                            <label>State</label>
                            <input class="form-control" type="text" placeholder="New York">
                        </div>
                        <div class="col-md-6 form-group">
                            <label>ZIP Code</label>
                            <input class="form-control" type="text" placeholder="123">
                        </div>
                        <div class="col-md-12 form-group">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="newaccount">
                                <label class="custom-control-label" for="newaccount">Create an account</label>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="shipto">
                                <label class="custom-control-label" for="shipto"  data-toggle="collapse" data-target="#shipping-address">Ship to different address</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="collapse mb-5" id="shipping-address">
                    <h5 class="section-title position-relative text-uppercase mb-3"><span class="bg-secondary pr-3">Shipping Address</span></h5>
                    <div class="bg-light p-30">
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>First Name</label>
                                <input class="form-control" type="text" placeholder="John">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Last Name</label>
                                <input class="form-control" type="text" placeholder="Doe">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>E-mail</label>
                                <input class="form-control" type="text" placeholder="example@email.com">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Mobile No</label>
                                <input class="form-control" type="text" placeholder="+123 456 789">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Address Line 1</label>
                                <input class="form-control" type="text" placeholder="123 Street">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Address Line 2</label>
                                <input class="form-control" type="text" placeholder="123 Street">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Country</label>
                                <select class="custom-select">
                                    <option selected>United States</option>
                                    <option>Afghanistan</option>
                                    <option>Albania</option>
                                    <option>Algeria</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>City</label>
                                <input class="form-control" type="text" placeholder="New York">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>State</label>
                                <input class="form-control" type="text" placeholder="New York">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>ZIP Code</label>
                                <input class="form-control" type="text" placeholder="123">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <h5 class="section-title position-relative text-uppercase mb-3"><span class="bg-secondary pr-3">Order Total</span></h5>
                <div class="bg-light p-30 mb-5">
                    <div class="border-bottom">
                        <h6 class="mb-3">Products</h6>
<?php 
//Tab products
$total=0;
$run2=mysqli_query($con,"select c.pid,c.qty,p.productName,p.productImage1,p.productPrice from cartRecord c,products p where c.pid=p.id and c.sessionid='".$_SESSION['sessionid']."' order by c.autoid");
while($rs=mysqli_fetch_array($run2)){
	$total+=$rs['qty']*$rs['productPrice'];
?>							
                        <div class="d-flex justify-content-between">
                            <p><?php echo $rs['productName'];?></p>
                            <p>$<?php echo $rs['productPrice'];?></p>
                        </div>
<?php 
}
?>							
                    </div>
                    <div class="border-bottom pt-3 pb-2">
                        <div class="d-flex justify-content-between mb-3">
                            <h6>Subtotal</h6>
                            <h6>$<?php echo $total;?></h6>
                        </div>
                        <div class="d-flex justify-content-between">
                            <h6 class="font-weight-medium">Shipping</h6>
                            <h6 class="font-weight-medium">$0</h6>
                        </div>
                    </div>
                    <div class="pt-2">
                        <div class="d-flex justify-content-between mt-2">
                            <h5>Total</h5>
                            <h5>$<?php echo $total;?></h5>
                        </div>
                    </div>
                </div>
                <div class="mb-5">
                    <h5 class="section-title position-relative text-uppercase mb-3"><span class="bg-secondary pr-3">Payment</span></h5>
                    <div class="bg-light p-30">
                        <div class="form-group">
                            <div class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="payment" id="paypal">
                                <label class="custom-control-label" for="paypal">Paypal</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="payment" id="directcheck">
                                <label class="custom-control-label" for="directcheck">Cash on Delivery</label>
                            </div>
                        </div>
                        <div class="form-group mb-4">
                            <div class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="payment" id="banktransfer">
                                <label class="custom-control-label" for="banktransfer">Bank Transfer</label>
                            </div>
                        </div>
                        <button class="btn btn-block btn-primary font-weight-bold py-3">Place Order</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Checkout 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>