rahul.katari
/
anwisystems


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./dist/css/main.css" />
    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/css/style.css">
    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

    <link rel="stylesheet" href="./dist/css/pages/orderconfirmation.css">
    <title>Anwi</title>

</head>

<body>
    <!-- navbar -->
    <div id="navbar-head"></div>
    <!-- end-navbar -->
    <!-- main-body -->
    <auth-loader></auth-loader>
    <main class="orderconfirmationMain bg-gradient-violet">
        <section class="container d-flex justify-content-center p-md-5">
            <div class="ordercontainerconfirm ordercontainerconfirmError d-none  d-flex flex-column align-items-center justify-content-center">
                <div class="p-3">
                    <div class="text-center text-danger font-5">
                        <i class="fa fa-warning"></i>
                    </div>
                    <div class="text-center">
                    
                        <h2>Payment Failed</h2>
                    </div>
                    <div>Please try a different payment method  </div>
                </div>
            </div>
            <div class="ordercontainerconfirm successorderconfirm card">
                <div class="p-3">
                    <h2>Thank You!</h2>
                    <div class="font-weight-600"> Hi, <span class="username">User</span></div>
                    <div>Your order has been confirmed and will be shipping right away!</div>
                </div>
                <hr class="m-0 p-0"/>
                <div class="p-3">
                    <div>
                        Details
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="font-weight-600">Date</div>
                            <div class="createdDateConfirm">Nov-03-2021</div>
                        </div>
                        <div class="col-sm-4">
                            <div class="font-weight-600">Order Number</div>
                            <div class="ordernumber">123456789</div>
                        </div>
                        <div class="col-sm-4">
                            <div class="font-weight-600">Payment Method</div>
                            <div class="paymentmethodconfirm">Visa 24-BLK</div>
                        </div>
                    </div>
                </div>
                <hr class="m-0 p-0"/>
                <div class="p-3">
                    <div>
                        <div class="row d-none">
                            <div class="col-4 font-weight-600">
                                Order Summary
                            </div>
                            <div class="col-3 text-center font-weight-600">
                                Unit Price
                            </div>
                            <div class="col-2 text-center font-weight-600">
                               Qty
                            </div>
                            <div class="col-3 text-end font-weight-600">
                               Total
                             </div>
                        </div>
                        <div class="orderlistconfirm row">
                            <div class="col-sm-4">
                                <img src="./dist/assets/imgs/accessiories/processed-079a4496-e3fb-44fe-81ab-d0ca2e5cdfdd_ZHABV48Z.jpeg" alt="" class="w-100 h-100">
                            </div>
                            <div class="col-sm-8 ">
                                <div class="itemname">${name}</div>
                                <div> ${priceAmt}</div>
                                <div> ${qty}</div>
                                <div> ${totalAmt}</div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="m-0 p-0"/>
                <div class="d-flex justify-content-end p-3">
                   <div  class="summaryconfirmdetails">
                    <div class="d-flex justify-content-between">
                        <div class="">Shipping </div>
                        <div>0 Rs</div>
                    </div>
                     <div class="d-flex justify-content-between">
                        <div class="">Tax </div>
                        <div class="totaltaxsummary">50 Rs</div>
                    </div>
                     <div class="d-flex justify-content-between">
                        <div class="font-weight-600 ">Total </div>
                        <div class="totalordersummary">1050 Rs</div>
                    </div>
                   </div>
                </div>
            </div>

        </section>
    </main>
    <!-- end main-body -->
    <!-- footer -->
    <div id="footer-head" class="sec-space-1"></div>
    <!-- end-footer -->


    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="./dist/js/jquery.min.js"></script>


    <script src="./dist/js/footer.js"></script>
    <script src="./libs/cookies.min.js"></script>


    <!--  -->
    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="./dist/js/fontawesome.all.js"></script>
    <script src="./dist/js/fontawesome.min.js"></script>


    <script src="./dist/js/utils/helpers.js"></script>
    <script src="./dist/js/footer.js"></script>
    <script src="./libs/axios.min.js"></script>
    <script src="./dist/js/components/authloader/authloader.js"></script>
    <script src="./dist/js/auth/apiservice.js"></script>
    <script src="./dist/js/shoppingcart/addtocart.js"></script>


    <script src="./dist/js/orderconfirmation.js"></script>

    <script src="./dist/js/navbar.js"></script>
    <script src="./dist/js/main.js"></script>

  
</body>

</html>