@php
    $settingsData = DB::table('settings')->where('id','1')->first();
    $getgoldrate = DB::table('gold_rate')->orderBy('id', 'DESC')->first();
@endphp


<section class="section-padding footer border-top" data-aos="fade-up" data-aos-delay="0">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3">
                <h4 class="mb-3 mt-0" data-aos="fade-up" data-aos-delay="0"><a class="logo" href="{{url('/')}}"><img src="{{url('/')}}/assets/frontend/img/Saj-Logo-01.png" style="width: 140px;" alt="Osahan Jewelry"></a></h4>
                
                                <p class="mb-0" data-aos="fade-up" data-aos-delay="0"><a href="tel:@if($contact_no[$i]) {{isset($contact_no[$i])?$contact_no[$i]:'0422 223 2710'}} @endif"><i class="mdi mdi-phone"></i> @if($contact_no[$i]) {{isset($contact_no[$i])?$contact_no[$i]:'0422 223 2710'}} @endif</a></p>
                                <p class="mb-0" data-aos="fade-up" data-aos-delay="0"><a href="mailto:@if($settingsData) {{isset($settingsData->email_address)?$settingsData->email_address:'contact@shriarthijewellery.com'}} @endif"><i class="mdi mdi-email"></i>@if($settingsData) {{isset($settingsData->email_address)?$settingsData->email_address:'contact@shriarthijewellery.com'}} @endif</a></p>
            </div>
            <div class="col-lg-3 col-md-2">
                <h6 class="mb-4 text-dark" data-aos="fade-up" data-aos-delay="0">Address</h6>
                <p class="mb-0" data-aos="fade-up" data-aos-delay="0"><a href="javascript:void(0);">
                    @if($settingsData) 
                        {{isset($settingsData->about)?$settingsData->about:''}} 
                    @else
                        Shop No. 9/10, Cross Cut Rd, <br>
                        Gandipuram, Coimbatore,<br>
                        Tamil Nadu - 641012
                    @endif
                </a></p>
            </div>
            <div class="col-lg-3 col-md-2">
                <h6 class="mb-4 text-dark" data-aos="fade-up" data-aos-delay="0">Quick Links</h6>
                <ul data-aos="fade-up" data-aos-delay="0">
                    <li><a href="{{url('/')}}/about-us"><i class="mdi mdi-chevron-right" aria-hidden="true"></i> About SAJ</a></li>
                    <!--<li><a href="#"><i class="mdi mdi-chevron-right" aria-hidden="true"></i> Try Jewels</a></li>-->
                    <li><a href="{{url('/')}}/privacy-policy"><i class="mdi mdi-chevron-right" aria-hidden="true"></i> Privacy Policy</a></li>
                    <li><a href="{{url('/')}}/return-policy"><i class="mdi mdi-chevron-right" aria-hidden="true"></i> Return Policy</a></li>
                    <li><a href="{{url('/')}}/terms-and-conditions"><i class="mdi mdi-chevron-right" aria-hidden="true"></i> Terms and Conditions</a></li>
                    <li><a href="{{url('/')}}/contact-us"><i class="mdi mdi-chevron-right" aria-hidden="true"></i> Contact Us</a></li>
                <ul>
            </div>
            <div class="col-lg-3 col-md-3">
                @if($settingsData)
                    <h6 class="mb-4 text-dark" data-aos="fade-up" data-aos-delay="0">GET IN TOUCH</h6>
                    <div class="footer-social" data-aos="fade-up" data-aos-delay="0">
                        @if($settingsData->facebook_link)
                            <a class="btn-facebook" href="{{isset($settingsData->facebook_link)?$settingsData->facebook_link:''}}" style="background-color: #43609C;"><i class="mdi mdi-facebook" style="font-size: 1.4em;"></i></a>
                        @endif

                        @if($settingsData->twitter_link)
                            <!--<a class="btn-twitter" href="{{isset($settingsData->twitter_link)?$settingsData->twitter_link:''}}"><i class="mdi mdi-twitter"></i></a>-->
                        @endif

                        @if($settingsData->instagram_link)
                            <a class="btn-instagram" href="{{isset($settingsData->instagram_link)?$settingsData->instagram_link:''}}" style="background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);"><i class="mdi mdi-instagram" style="font-size: 1.4em;"></i></a>
                        @endif

                        @if($settingsData->youtube_link)
                            <a class="btn-whatsapp" href="{{isset($settingsData->youtube_link)?$settingsData->youtube_link:''}}" style="background-color: #E62117;"><i class="mdi mdi-youtube-play" style="font-size: 1.4em;"></i></a>
                        @endif

                        @if($settingsData->linkedin_link)
                            <!--<a class="btn-messenger" href="{{isset($settingsData->linkedin_link)?$settingsData->linkedin_link:''}}"><i class="mdi mdi-linkedin"></i></a>-->
                        @endif

                        @if($settingsData->pinterest_link)
                            <!--<a class="btn-google" href="{{isset($settingsData->pinterest_link)?$settingsData->pinterest_link:''}}"><i class="mdi mdi-pinterest"></i></a>-->
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

<section class="pt-4 pb-5 border-top">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-lg-12 text-center col-sm-6">
                <p class="mt-0 mb-0">© Copyright {{date('Y')}} <strong class="text-dark">@if($settingsData) {{isset($settingsData->appliction_name)?$settingsData->appliction_name:'Shree Arthi Jewelry'}} @endif</strong>. All Rights Reserved.    Designed By <a href = "https://propluslogics.com/" ><strong>ProPlus Logics</strong></a></p>
            </div>
        </div>
    </div>
</section>

@if($settingsData)
<a id="button"></a>
<div class="btn-group dropup position-fixed" style="background-color: #001e38;bottom: 0;z-index: 9991;height: 41px;">
    <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Today's Price
    </button>
    <div class="dropdown-menu border-0 p-0 " style="border-radius: 8px;box-shadow: 0px 0px 20px #b7b7b752;right: 0;left: auto;width: 15rem;">
        <ul>
            @if($settingsData->gold_18k_rate_display==1)
                <li class="text-center p-2 gold" role="presentation">
                    <a href="javascript:void(0);" class="font-weight-bold gold" role="menuitem">Gold 18k 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->gold_18k_rate}}</a>
                  </li>
            @endif

            @if($settingsData->gold_22k_rate_display==1)
                <li class="text-center p-2 gold" role="presentation">
                  <a href="javascript:void(0);" class="font-weight-bold gold" role="menuitem">Gold 22k 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->gold_22k_rate}}</a>
                </li>
            @endif

            @if($settingsData->gold_24k_rate_display==1)
                <li class="text-center p-2 gold" role="presentation">
                    <a href="javascript:void(0);" class="font-weight-bold gold" role="menuitem">Gold 24k 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->gold_24k_rate}}</a>
                </li>
            @endif

            @if($settingsData->silver_rate_display==1)
                <li class="text-center p-2 silver" role="presentation">
                    <a href="javascript:void(0);" class="font-weight-bold silver" role="menuitem">Silver 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->silver_rate}}</a>
                </li>
            @endif

            @if($settingsData->diamond_rate_display==1)
                <li class="text-center p-2 diamond" role="presentation">
                    <a href="javascript:void(0);" class="font-weight-bold diamond" role="menuitem">Diamond 1ct - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->diamond_rate}}</a>
                </li>
            @endif

            @if($settingsData->platinum_rate_display==1)
                <li class="text-center p-2 diamond" role="presentation">
                    <a href="javascript:void(0);" class="font-weight-bold diamond" role="menuitem">Platinum 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->platinum_rate}}</a>
                </li>
            @endif
          </ul>
    </div>
</div>
<marquee width="100%" direction="left" class="position-fixed p-2 font-weight-bold text-white" style="background-color: #001e38;bottom: 0;z-index: 999;">
    @if($settingsData->gold_18k_rate_display==1)
        Gold 18k 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->gold_18k_rate}} &nbsp;&nbsp;&nbsp;&nbsp; 
    @endif

    @if($settingsData->gold_22k_rate_display==1)
        Gold 22k 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->gold_22k_rate}} &nbsp;&nbsp;&nbsp;&nbsp;
    @endif

    @if($settingsData->gold_24k_rate_display==1)
        Gold 24k 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->gold_24k_rate}} &nbsp;&nbsp;&nbsp;&nbsp;
    @endif

    @if($settingsData->silver_rate_display==1)
        Silver 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->silver_rate}} &nbsp;&nbsp;&nbsp;&nbsp;
    @endif

    @if($settingsData->diamond_rate_display==1)
        Diamond 1ct - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->diamond_rate}} &nbsp;&nbsp;&nbsp;&nbsp;
    @endif

    @if($settingsData->platinum_rate_display==1)
        Platinum 1g - <i class="fas fa-rupee-sign"></i> {{$getgoldrate->platinum_rate}} &nbsp;&nbsp;&nbsp;&nbsp;
    @endif
</marquee>
@endif
<div class="cart-sidebar">
    <div class="cart-sidebar-header">
        @php 
            $total_price = 0; $cart_count =0; $discount_price = 0;
            if(session('cart')) {
                if(count(session('cart'))>0) {
                    foreach (session('cart') as $item)
                    { 
                        $unit_price = $item['unit_price'] * $item['quantity'];
                        $total_price = $total_price + $unit_price; 
                    }
                    $cart_count = count(session('cart'));
                }    
            }
        @endphp
        <h5> My Jewel Box <span class="text-success">(<span class="cartProductCount">{{$cart_count}}</span> item)</span> <a data-toggle="offcanvas" class="float-right" href="javascript::void(0)"><i class="mdi mdi-close"></i></a></h5>
    </div>
    <div class="cart-sidebar-body cart_gallery">
        @if(session('cart')) 
            @if(count(session('cart'))>0)
                @foreach (session('cart') as $item) 
                    @php
                        $jewellery_details = DB::table('jewellery AS j');
                        $jewellery_details = $jewellery_details->select('j.id','j.status','j.created_by','j.created_at','j.piece_name','j.jewellery_images','j.jewellery_weight','mat.material','p.purity','j.jewellery_weight','met.metal','j.description','j.menu_id','j.discount_type','j.discount');
                        $jewellery_details = $jewellery_details->leftJoin('material AS mat', 'j.material_id', '=', 'mat.id');
                        $jewellery_details = $jewellery_details->leftJoin('metal AS met', 'j.metal_id', '=', 'met.id');
                        $jewellery_details = $jewellery_details->leftJoin('purity AS p', 'j.purity_id', '=', 'p.id');
                        $jewellery_details = $jewellery_details->where('j.status', '1');
                        $jewellery_details = $jewellery_details->where('j.id', $item['jewellery_id']);
                        
                        $jewellery_details = $jewellery_details->groupBy('j.id')->first();
                        $totprice = $item['unit_price']*$item['quantity'];
                        $disprice = $item['original_price']*$item['quantity'];
                    @endphp
                    <div class="cart-list-product">
                        <a class="float-right remove-cart" href="javascript::void(0)" onclick="removeCartProduct('{{$item['jewellery_id']}}')"><i class="mdi mdi-close"></i></a>
                        <img class="img-fluid" src="{{url('/')}}/uploads/jewellery_images/{{$jewellery_details->jewellery_images}}" alt="">
                        <h5><a href="{{url('/')}}/shops/details/{{$item['jewellery_id']}}">{{$item['jewellery_name']}} X {{$item['quantity']}}</a></h5>
                        <h6><strong><span class="mdi mdi-approval"></span> {{$jewellery_details->material}} </strong> @if($jewellery_details->purity || $jewellery_details->metal) - {{$jewellery_details->purity}} {{$jewellery_details->metal}} @endif</h6>
                        <p class="offer-price mb-0"><i class="fa fa-rupee-sign"></i> {{number_format($totprice,2)}} 
                        @if($totprice!=$disprice)
                            <i class="mdi mdi-tag-outline"></i> <span class="regular-price"><i class="fa fa-rupee-sign"></i> {{number_format($disprice,2)}}</span>
                        @endif
                        </p>

                        @php 
                            $discount_price = $discount_price + ($disprice - $totprice);
                        @endphp
                    </div>
                @endforeach
            @else
                <div class="emptyDiv">
                    <p class="text-center" style="color: #f05d4d;font-size: 18px; margin-top: 10%;"> Your shopping cart is currently <br>empty!</p> 
                    <img src="{{url('/')}}/assets/frontend/img/emptycart.png">
                </div>
            @endif
        @else
            <div class="emptyDiv">
                <p class="text-center" style="color: #f05d4d;font-size: 18px; margin-top: 10%;"> Your shopping cart is currently <br>empty !</p> 
                <img src="{{url('/')}}/assets/frontend/img/emptycart.png">
            </div>
        @endif        
    </div>
    @if(session('cart')) 
        @if(count(session('cart'))>0)
            <div class="cart-sidebar-footer" style="background-color: #fff;" id="totalDiv">
                <div class="cart-list-product">
                    <p><b>Total :  <span style="float: right !important;"> <i class="fas fa-rupee-sign"></i> <span id="cartPrice"> {{number_format($total_price,2)}} </span></span></b></p>
                    
                    @if($discount_price>0)
                        <p class="text-success mt-1">Discount :  <span style="float: right !important;"> - <i class="fas fa-rupee-sign"></i> <span id="discountPrice"> {{number_format($item['discount_price']*$item['quantity'],2)}} </span></span></p>
                    @endif
                </div>
            </div>
        @endif
    @endif
    <div class="cart-sidebar-footer">
        <div class="cart-store-details">
            <a href="{{url('/')}}/cart"><button class="btn btn-secondary btn-lg btn-block text-center" type="button"><i class="fas fa-shopping-cart"></i>&nbsp; Go to My Jewel Box</button></a>
        </div>
    </div>
    <div class="cart-sidebar-footer pt-0">
        <div class="cart-store-details">
            <a href="javascript:void(0)" onclick="proceedCheckout()"><button class="btn btn-primary btn-lg btn-block text-center" type="button"><i class="fas fa-share"></i>&nbsp; Checkout</button></a>
        </div>
    </div>
</div>

<!-- Login Modal Start -->
<div class="modal fade login-modal-main" id="transfer-instructions">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="login-modal">
                    <div class="row">
                        <div class="col-lg-12 pad-left-0">
                            <button type="button" class="close close-top-right" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><i class="mdi mdi-close"></i></span>
                                <span class="sr-only">Close</span>
                            </button>
                            <div class="container my-5">
                    <section>
                        <div class="text-center mb-5">
                            <h3 class="font-weight-bold ">How to pay <span style="color: #001e38">Offline?</span></h3>
                        </div>
                        <div class="col-12  p-0 col-md-6 mx-auto">
                            <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        1
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 1</h4>
                                                <p style="margin-top:12px;" class="mb-0 pb-1 pt-1">Account Name : <strong class="text-black">SHRI ARTHI JEWELLERY</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">Account Number : <strong class="text-black">35400002403</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">IFSC : <strong class="text-black">SBIN0003690</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">Bank Name : <strong class="text-black">State Bank of India</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">Branch : <strong class="text-black">GANAPATHY</strong></p>
                                        <p class="font-weight-light my-3">Kindly  note our bank details.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        2
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 2</h4>
                                        <p class="font-weight-light my-3">Login to your Mobile Internet Banking.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        3
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 3</h4>
                                        <p class="font-weight-light my-3">
                                            Add Shri Arthi Jewellery's Bank Account Details as your Beneficiary and wait until it gets approved from the bank side
                                        </p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        4
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 4</h4>
                                        <p class="font-weight-light my-3">
                                            Once Approved, Transfer amount to the bank account.
                                        </p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        5
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 5</h4>
                                        <p class="font-weight-light my-3">Once the payment is done. Take the screenshot of the payment success page and upload the same in our website</p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        6
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 6</h4>
                                        <p class="font-weight-light my-3">Once the screenshot is uploaded. Our executives will check and approve the transaction your order will be initiated and product will be delivered at the earliest.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade login-modal-main" id="payment-instructions">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="login-modal">
                    <div class="row">
                        <div class="col-lg-12 pad-left-0">
                            <button type="button" class="close close-top-right" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><i class="mdi mdi-close"></i></span>
                                <span class="sr-only">Close</span>
                            </button>
                            <div class="container my-5">
                    <section>
                        <div class="text-center mb-5">
                            <h3 class="font-weight-bold ">How to pay <span style="color: #001e38">Offline?</span></h3>
                        </div>
                        <div class="col-12  p-0 col-md-6 mx-auto">
                            <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        1
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 1</h4>
                                        <img src="{{url('/')}}/assets/images/qrcode.png" class="img-fluid">
                                        <p class="font-weight-light my-3">Kindly <a class="font-weight-bold text-danger" href="{{url('/')}}/assets/images/qrcode.png" download="qrcode.png">Download <i class="fa fa-download"></i></a> / Take Screen Shot.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        2
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 2</h4>
                                        <p class="font-weight-light my-3">Login to your Mobile Internet Banking or your PhonePe or Google Pay or any other Payment App.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        3
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 3</h4>
                                        <img class="img-fluid" src="{{url('/')}}/assets/images/paytm.jpeg">
                                        <img class="img-fluid" src="{{url('/')}}/assets/images/phonepe.jpeg">
                                        <p class="font-weight-light my-3">Look for Scan and Send option in your mobile banking from your Banking App or Incase of Phone Pe or Google Pay look for this icon.</p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        4
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 4</h4>
                                        <p class="font-weight-light my-3">Kindly go to your gallery and select the QR code which you have downloaded.</p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        5
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 5</h4>
                                        <p class="font-weight-light my-3">Scan the QR Code. It will redirect you to the payment section. Enter the amount and select pay.</p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        6
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 6</h4>
                                        <p class="font-weight-light my-3">Once the payment is done. Take the screenshot of the payment success page and upload the same in our website</p>
                                    </div>
                                </div>
                            </div>
                          <div class="">
                                <div class="bg-light position-relative px-3 my-5">
                                    <div class="font-weight-bold circle text-white rounded-circle d-flex align-items-center justify-content-center mx-auto position-relative border border-white"
                                         style="width: 60px;height: 60px;top: -30px;border-width: 4px !important; background-color: #001e38">
                                        7
                                    </div>
                                    <div class="px-3 text-center pb-3">
                                        <h4>Step 7</h4>
                                        <p class="font-weight-light my-3">Once the screenshot is uploaded. Our executives will check and approve the transaction your order will be initiated and product will be delivered at the earliest.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade login-modal-main" id="login-example-modal">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="login-modal">
                    <div class="row">
                        <div class="col-lg-5 pad-right-0">
                            <div class="login-modal-left" style="width:300px">
                            </div>
                        </div>

                        <div class="col-lg-7 pad-left-0">
                            <button type="button" class="close close-top-right" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><i class="mdi mdi-close"></i></span>
                                <span class="sr-only">Close</span>
                            </button>
                                <div class="login-modal-right">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="login" role="tabpanel">
                                            <h5 class="heading-design-h5 mt-5">Login to your account</h5>
                                            <fieldset class="form-group" id="mobileDiv">
                                                <label>Enter Mobile Number</label>
                                                <input type="text" class="form-control numbersOnly" onchange="phonenumber(this.value)" maxlength='10' name="phone_no" id="phone_no" placeholder="Mobile Number">
                                            </fieldset>
                                            <fieldset class="form-group" id="otpDiv" style="display: none;">
                                                <label>Enter OTP</label>
                                                <input type="text" name="otp_input" id="otp_input" class="form-control" placeholder="OTP">
                                            </fieldset> 
                                            
                                            <fieldset class="form-group">
                                                <span style="font-size: 10px;">By signing in you agree to our <a class="font-weight-bold" href="{{url('/')}}/terms-and-conditions">Terms &amp; Conditions</a> and <a class="font-weight-bold" href="{{url('/')}}/privacy-policy">Privacy policy</a></span>
                                            </fieldset>
                
                                            <fieldset class="form-group">
                                                <input type="hidden" id="is_pay" value="0">
                                                <a onclick="sendOTP()" id="otpbutton" class="btn btn-lg btn-secondary btn-block text-white">Send OTP</a>
                                                <a class="text-center" href="javascript:void(0)" onclick="resendOTP()" id="resendotpbutton" style="display:none" >Resend OTP</a>
                                            </fieldset>
                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                                <label class="custom-control-label" for="customCheck1">Remember me</label>
                                            </div> -->
                                        </div>
                                        <div class="tab-pane" id="register" role="tabpanel">
                                            <h5 class="heading-design-h5">Register Now!</h5>
                                            <fieldset class="form-group">
                                                <label>Enter Mobile Number</label>
                                                <input type="text" class="form-control" placeholder="+91 123 456 7890">
                                            </fieldset>
                                            <fieldset class="form-group">
                                                <label>Enter Password</label>
                                                <input type="password" class="form-control" placeholder="********">
                                            </fieldset>
                                            <fieldset class="form-group">
                                                <label>Enter Confirm Password </label>
                                                <input type="password" class="form-control" placeholder="********">
                                            </fieldset>
                                            <fieldset class="form-group">
                                                <button type="submit" class="btn btn-lg btn-secondary btn-block">Create Your Account</button>
                                            </fieldset>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck2">
                                                <label class="custom-control-label" for="customCheck2">I Agree with <a>Term and Conditions</a></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                      
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- Payment Modal Start -->
<div class="modal fade login-modal-main" id="payment-example-modal">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="login-modal">
                    <div class="row">
                        <div class="col-lg-6 pad-right-0">
                            <div class="login-modal-left">
                            </div>
                        </div>

                        <div class="col-lg-6 pad-left-0">
                            <button type="button" class="close close-top-right" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><i class="mdi mdi-close"></i></span>
                                <span class="sr-only">Close</span>
                            </button>
                            <form action="" method="post">
                                <div class="login-modal-right">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="login" role="tabpanel">
                                            <h5 class="heading-design-h5 mt-5">Please Enter Transaction Details</h5>
                                            <fieldset class="form-group" id="mobileDiv">
                                                <label>Transaction Id</label>
                                                <input type="text" class="form-control" name="phone_no" id="phone_no" placeholder="Mobile Number">
                                            </fieldset>
                                            <fieldset class="form-group" id="otpDiv" style="display: none;">
                                                <label>Save</label>
                                                <input type="text" name="otp_input" id="otp_input" class="form-control" placeholder="OTP">
                                            </fieldset> 
                                            <fieldset class="form-group">
                                                <input type="hidden" id="is_pay" value="0">
                                                <button type="button" onclick="sendOTP()" id="otpbutton" class="btn btn-lg btn-secondary btn-block">Send OTP</button>
                                            </fieldset>
                                        </div>
                                        
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Payment Modal Start -->
<div class="modal fade login-modal-main" id="gold-wallet-payment">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="login-modal">
                    <div class="row">
                        <div class="col-lg-6 pad-right-0">
                            <div class="login-modal-left">
                            </div>
                        </div>

                        <div class="col-lg-6 pad-left-0">
                            <button type="button" class="close close-top-right" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><i class="mdi mdi-close"></i></span>
                                <span class="sr-only">Close</span>
                            </button>
                            <form action="" method="post">
                                <div class="login-modal-right">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="login" role="tabpanel">
                                            <h5 class="heading-design-h5 mt-5">Please Enter Transaction Details</h5>
                                            <fieldset class="form-group" id="mobileDiv">
                                                <label>Transaction Id</label>
                                                <input type="text" class="form-control" name="phone_no" id="phone_no" placeholder="Mobile Number">
                                            </fieldset>
                                            <fieldset class="form-group" id="otpDiv" style="display: none;">
                                                <label>Save</label>
                                                <input type="text" name="otp_input" id="otp_input" class="form-control" placeholder="OTP">
                                            </fieldset> 
                                            <fieldset class="form-group">
                                                <input type="hidden" id="is_pay" value="0">
                                                <button type="button" onclick="sendOTP()" id="otpbutton" class="btn btn-lg btn-secondary btn-block">Send OTP</button>
                                            </fieldset>
                                        </div>
                                        
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@php
    $generlsettings = DB::table('settings')->where('id',1)->first();
    $c1 = "What's";
    $c2 = "Special";
    $c3 = "Today";
    if($generlsettings) {
        $sliderContent = explode(' ',$generlsettings->home_page_content);
        $c1 = $sliderContent[0];
        $c2 = $sliderContent[1];
        $c3 = $sliderContent[2];
    }
@endphp

<!--bottom side widgets left-->
<div class="leftside_widget">
<!-- Trending Button Starts -->
<div class="fire-wrap">
    <a class="floating-btn" href="https://www.shriarthijewellery.com/admin-story">
        <!-- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
            viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
            <path style="fill:#FF6536;" d="M54.211,249.7c0,0,20.228,29.717,62.624,54.871c0,0-30.705-259.502,169.358-304.571
                c-51.257,188.121,65.2,241.174,107.651,141.786c70.893,94.651,17.066,177.229,17.066,177.229
                c29.069,4.188,53.487-27.57,53.487-27.57c0.218,3.912,0.34,7.851,0.34,11.818C464.738,418.545,371.283,512,256,512
                S47.262,418.545,47.262,303.262C47.262,284.744,49.686,266.794,54.211,249.7z"/>
            <path style="fill:#FF421D;" d="M464.398,291.445c0,0-24.418,31.758-53.487,27.57c0,0,53.827-82.578-17.066-177.229
                C351.394,241.174,234.937,188.121,286.194,0C275.479,2.414,265.431,5.447,256,9.018V512c115.283,0,208.738-93.455,208.738-208.738
                C464.738,299.295,464.616,295.357,464.398,291.445z"/>
            <path style="fill:#FBBF00;" d="M164.456,420.456C164.456,471.014,205.442,512,256,512s91.544-40.986,91.544-91.544
                c0-27.061-11.741-51.379-30.408-68.138c-35.394,48.085-85.832-24.856-46.524-78.122
                C270.612,274.196,164.456,287.499,164.456,420.456z"/>
            <path style="fill:#FFA900;" d="M347.544,420.456c0-27.061-11.741-51.379-30.408-68.138c-35.394,48.085-85.832-24.856-46.524-78.122
                c0,0-5.768,0.725-14.612,3.516V512C306.558,512,347.544,471.014,347.544,420.456z"/>
        </svg> -->
        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
        	<style type="text/css">
        		.st0{fill:#FF6536;}
        		.st1{fill:#FF421D;}
        		.st2{fill:#FBBF00;}
        		.st3{fill:#FFA900;}
        		.st4{fill:url(#SVGID_1_);}
        	</style>
        	<radialGradient id="SVGID_1_" cx="256" cy="396.3077" r="336.5442" gradientTransform="matrix(6.862314e-03 -1 0.7296 5.006640e-03 -34.89 650.3175)" gradientUnits="userSpaceOnUse">
        		<stop  offset="0" style="stop-color:#FFA900"/>
        		<stop  offset="0.2556" style="stop-color:#FF860A"/>
        		<stop  offset="0.5768" style="stop-color:#FF6114"/>
        		<stop  offset="0.8364" style="stop-color:#FF4A1B"/>
        		<stop  offset="1" style="stop-color:#FF421D"/>
        	</radialGradient>
        	<path class="st4" d="M292.4,358.1c0,11.9-4.2,24.9-14.6,40.5c-2.3,3.5-6.6,9.4-11.2,15c-4.6,5.7-9.5,11.1-13.4,13.8l-0.8,0.6l-1-0.3
        		c-2.4-0.7-4.7-2.2-7.1-4.3c-2.4-2.1-4.9-4.6-7.3-7.3c-4.8-5.4-9.1-11.3-11.3-14.5c-5.4-8.1-8.6-15.8-10.4-23.7
        		c-1.8-7.9-2.2-16.1-2.2-25.4c0-13,5.4-28.5,12.5-43.3c7.1-14.9,16-29.1,23-39.4c2.2-3.2,4.4-7.2,8.1-9.6l3.4-2.3v4.1
        		c0,14.1,3.8,26.3,9.6,37.9c5.4,10.9,11,20.3,15.3,29.7C289.5,338.8,292.4,348,292.4,358.1z M182.4,424.3c-1.1-1.6-2.1-2.7-3.1-3.7
        		c-1-1-1.9-2-2.9-3.4c-6.5-9.6-8.7-20.6-10.9-32.8c-2.2-12.2-4.4-25.5-11.5-39.4c-3.4-6.9-6.5-12.4-10.4-17.2
        		c-3.9-4.8-8.7-8.8-15.3-12.8c-14.5-8.6-28.8-11-48.7-11c-2.3,0-3.6,0.2-4.6,0.4c-0.9,0.2-1.5,0.4-3.3,0.4l0,2.2h-2.2v3.4l1.6,0.4
        		c0.5,0.1,1.3,0.6,2.1,1.4c1.5,1.5,3.2,4,4.8,7.1c2.4,4.6,4.6,10.4,6.5,15.6c1.8,5.2,3.3,9.7,4.1,12v0l15.8,40.9l0,0.1
        		c9.7,20,28.2,33.6,50.1,38c6.5,1.3,11.8,1.9,17.5,1.9c2.7,0,5.5-0.1,8.6-0.4l3.7-0.3L182.4,424.3z M421.1,304.1h-0.2
        		c-18,0-32.6,3.9-44.3,11.1c-12.8,7.9-20.9,19.1-26.4,31.7c-5.5,12.6-8.6,26.7-11.4,40.9c-1.2,6.3-2.2,11.1-3.6,15.6
        		c-1.4,4.5-3.2,8.5-6.4,13.3c-1.1,1.6-2,2.7-3.1,3.8c-1,1.1-2.1,2.2-3.2,3.9l1.8,1.2l0,2.2c4,0.1,7.2,0.3,10.6,0.3
        		c4.1,0,8.5-0.3,14.8-1.6c16.8-3.4,28.9-10.2,38-20c9.1-9.8,15.2-22.5,20.6-37.5c2.3-6.3,5.9-16.4,9.6-26.3c3.7-9.8,7.6-19.6,10.2-25
        		c0.9-1.8,1.6-3.3,2.4-4.5c0.8-1.1,1.6-1.8,3.2-2.2l8.8-2.4L421.1,304.1z M323.1,239.9L323.1,239.9l-7.8-18.3
        		c-2.2-6.5-3-11.1-3.4-14.3c-0.2-1.6-0.3-2.7-0.5-3.7c-0.1-0.5-0.2-0.9-0.5-1.5c-0.1-0.3-0.4-0.6-0.8-0.9c-0.4-0.3-1-0.5-1.5-0.5
        		c-1.1,0-1.6,0.5-2,0.8c-0.7,0.5-1.3,1.1-2.1,2c-0.8,0.8-1.8,1.9-3.1,3.2c-6.1,6.1-10.8,12.8-14.9,21c-3.7,7.5-7.8,18.1-7.8,29.1
        		c0.1,16.8,10.3,35.5,20.6,52.7c5.1,8.6,10.3,16.8,14.2,24.1c4,7.3,6.7,13.7,7,18.2l0.2,2.6l2.5-0.7c2.2-0.6,3.7-2.3,5.2-4.2
        		c2.2-2.9,4.1-6.8,5.7-10.4c1.6-3.6,2.8-7,3.4-8.9c3.5-10.6,5.1-20,5.1-29C342.4,280,333.8,262.1,323.1,239.9z M208.5,211.6
        		c-2-2.4-3.4-4.3-5-6.1c-1.6-1.8-3.5-3.3-6.2-4.7l-3-1.6l-0.3,3.3c-1.2,14.4-8.9,31.1-16.4,47.4c-7.5,16.3-14.9,32.2-14.9,45.9
        		c0,13.7,0.7,22.6,5.6,35.4c1.2,3,3.2,7.8,5.4,12.3c1.1,2.2,2.3,4.4,3.5,6.3c1.2,1.9,2.4,3.4,3.8,4.4l3.4,2.5l0.1-4.2
        		c0-3.8,2.5-10.1,6.4-17.3c5.8-10.9,14.6-24.4,22-38c7.3-13.6,13.3-27.4,13.4-39.5C226.3,240.7,218,223.2,208.5,211.6z M414.4,233.2
        		V189l-2.4,0.2c-22.9,1.9-39.7,17.4-48.5,36.4c-2.7,5.8-4.2,10.9-4.9,16.6c-0.7,5.6-0.8,11.7-0.8,19.8v41.8h2.2l0.2,2.2
        		c16.1-1.4,30.7-11.8,40.8-22.2c6.3-6.5,9.7-13.6,11.5-21c1.8-7.4,1.9-14.9,1.9-22.7C414.4,237.7,414.4,235.5,414.4,233.2z
        		 M146.4,241.8c-0.7-4.9-2-9.4-4.5-15.6c-7.8-19.4-27.3-35.2-48.1-36.9l-2.4-0.2l0,63.3c0,14.8,8.1,27.7,18.6,37.1
        		c10.6,9.4,23.7,15.5,34.8,16.4l0.2-2.2h2.2v-44C147.1,251.8,147.1,246.6,146.4,241.8z M262.6,136.1c-4.1-6.4-8.4-11.8-12-15.6
        		c-1.8-1.9-3.4-3.4-4.8-4.6c-0.7-0.6-1.3-1-1.9-1.4c-0.6-0.4-1.1-0.7-1.8-0.9l-2.8-0.7v2.9c0,2.4,0.2,3.8,0.4,5
        		c0.2,1.2,0.4,2.3,0.4,4.6c0,8.7-0.2,14-1.2,19.2c-1,5.2-2.8,10.3-6.1,18.6c-4.9,12.2-8.3,22.7-8.3,33.4c0,11.5,4,22.8,14,35.8
        		c2.4,3.1,5.2,7.3,8.7,9.7l1.4,0.9l1.3-1.1c3.8-3.3,6.6-6.7,10-10.4c3.1-3.5,6.1-8.1,8.5-11.9c7.3-11.3,10.2-23.1,10.2-34.4
        		C278.7,166.3,270.9,149,262.6,136.1z M370.3,142c-1.8-3.8-4.9-9.5-8.3-14.8c-1.7-2.7-3.5-5.2-5.3-7.4c-1.8-2.2-3.5-4-5.2-5.1
        		l-3.4-2.3v4.1c0,13.2-5.9,25.7-12,38.1c-6.1,12.4-12.4,24.9-12.4,38.5c0,10.6,2.9,20.2,6.6,27.7c1.6,3.3,3.7,7.1,6.2,10.6
        		c2.4,3.5,5.2,6.7,8.2,8.8l3.4,2.3v-4.1c0-3.2,1.3-7.5,3.4-12.2c3.1-7.2,8.1-15.4,12.7-23.6c4.6-8.2,8.9-16.4,10.6-23.9
        		c1-4.2,1.5-8.3,1.5-12.1C376.4,157.7,373.9,149.8,370.3,142z M171.3,160.2c-5.1-11-10.7-22.1-12.9-32c-0.8-3.4-0.9-7.4-1.8-11.3
        		l-0.5-2.2l-2.2,0.6c-1.4,0.4-2.5,1.3-3.8,2.4c-2.1,2-4.4,5-6.7,8.7c-3.5,5.5-7.2,12.6-9.9,19.8c-2.8,7.2-4.7,14.6-4.7,20.8
        		c0,13.6,7.2,27.1,14.2,39.5c3.5,6.2,7,12.1,9.5,17.5c2.6,5.4,4.2,10.3,4.1,14.3v2.9l2.8-0.7c2.2-0.6,3.9-1.9,5.1-3.5
        		c1.3-1.6,2.4-3.4,3.8-5.4c7.4-10.8,12.7-23.9,12.7-38.5C181,182.4,176.3,171.3,171.3,160.2z M318.1,95.1c-4.6-9.8-9-18.6-9.1-26.5
        		l0-2.2h-5.6l-0.4,1.6c0,0.1-0.5,1-1.3,2c-2.6,3.6-8.4,10.4-13.5,18.8c-5.1,8.4-9.6,18.6-9.7,29.4c0,11.9,5.5,23.8,9.5,31.8
        		c4.9,9.7,9.6,16.8,9.6,30.1v4.1l3.4-2.3c2.4-1.6,5.1-4.5,7.9-8.3c4.2-5.6,8.8-13.2,12.3-21.2c3.5-8,6-16.4,6-23.7
        		C327.3,116,322.6,105,318.1,95.1z M213.2,82.9c-1.2-2-3.6-5.6-6.3-9c-1.3-1.7-2.7-3.3-4-4.6c-1.4-1.3-2.7-2.4-4.4-2.8l-2.8-0.7v2.8
        		c0.1,7-4.1,15.9-8.5,25.5c-4.3,9.6-8.9,20.1-8.9,31.1c0,7.4,0.3,12.9,1.7,18.2c1.3,5.3,3.6,10.3,7.4,16.8c1.4,2.5,4.3,7,7.4,11.4
        		c1.5,2.2,3.1,4.3,4.6,6.1c1.5,1.8,2.9,3.2,4.3,4.2l2.1,1.4l1.1-2.3c0.9-1.8,1.2-3.3,1.2-4.5c0-1.1-0.1-1.8-0.1-2.8
        		c0-1.3,0.2-3.2,1.4-6.7c1.2-3.6,3.3-8.7,7.2-16.4c6.4-12.7,9.7-22.6,9.7-32.3C226.2,107.1,221.7,96.6,213.2,82.9z M239.9,437.8
        		c-2.7-5.6-6.4-11.5-10.9-16.2c-5.6-5.8-13.1-14.3-19.1-23.3c-6.1-9-10.6-18.5-10.5-25.9v-2.8l-2.8,0.7c-0.9,0.2-1.7,0.5-2.5,1
        		c-0.6,0.4-1.2,0.9-1.5,1.5c-1.1,1.8-1.4,3.8-2.5,7.9c-1,3.9-2,7.7-2,12.6c0,7.3,0.2,13.1,1.4,18.7c1.3,5.6,3.6,10.9,7.7,17.3
        		c3.6,5.6,9,11.7,14.5,18.9c5.5,7.2,11,15.2,14.7,24.5c1.3,3.3,3.6,8.3,5.6,13.3c2,5,3.7,10,3.9,12.9l0.2,2h5.5l0.4-1.7
        		c1.5-6.4,2.7-8.5,3.7-12.3c1-3.7,1.5-8.5,1.5-19.5C247.2,456.1,243.5,445.5,239.9,437.8z M314.9,380.8c-0.4-1.6-0.8-3.4-1.5-5.2
        		c-0.7-1.8-1.7-3.6-3.5-4.9l-3.1-2.3l-0.3,3.9c-0.5,5.8-3.7,13.6-7.9,21c-4.2,7.4-9.5,14.4-13.9,18.7c-6.3,6.3-16.2,18.3-20.1,27.2
        		c-3.8,8.8-6.9,20.6-6.9,30.7c0,3.2,0.6,9.6,1.8,15.8c0.6,3.1,1.3,6.1,2.3,8.7c1,2.5,1.9,4.6,3.8,6.1l3.2,2.3l0.3-3.9
        		c0.5-6.9,5.2-18,11.2-28.9c5.9-10.9,13.1-21.8,18.5-28.6c0.8-1,1.4-1.7,2-2.4c0.6-0.7,1.2-1.3,2-2.3c1.5-1.9,2.7-3.8,4-5.7
        		c7-9.8,10.4-21.7,10.4-33.7C317.1,391.7,316.3,386.2,314.9,380.8z M270.6,57.8c-1.8-8-5.4-15.6-8.3-22.7c-2.1-5-3.5-7.9-4.7-10.9
        		c-1.2-3-2.2-6.1-3.5-11.7l-0.7-3.2l-2.7,1.9c-2.6,1.9-5,4.8-7.4,8.4c-7.1,10.8-13.5,27.7-13.5,40.4c0,8.9,2.6,17.6,6.5,24.9
        		c3.9,7.3,9.1,13.3,14.5,17l1.2,0.8l1.2-0.8c11.9-8,18.6-20.2,18.6-33.9C271.8,64.6,271.4,61.2,270.6,57.8z M394.2,461.4
        		c-0.4-1.2-1.2-2.3-2-3.1c-0.9-0.7-1.7-1.2-2.8-1.9l-0.1,0l-10.8-5.9h0c-12.4-6.6-25.2-9.9-37.5-9.9c-22.8,0-43.7,12-55.9,36.5
        		c-1.2,2.4-3.2,6.1-4.9,10c-1.8,3.9-3.3,8-3.4,11.6l2.2,0h0l1.2,1.8c9.6-6.4,12.4-9.4,16.3-12.3c3.9-2.9,9.3-6.1,24.6-13.3
        		c17.7-8.3,38.2-11.4,61.5-11.4c2.3,0,3.3,0.2,4.6,0.4c1.2,0.2,2.7,0.5,5,0.5h3.1L394.2,461.4z M228.9,498.2
        		c-1.4-5.8-5.8-14.8-8.6-20c-4.8-9-11.3-18.3-19.7-25.4c-8.4-7.1-18.9-12-31.3-12c-7.6,0-13,0.1-18.4,1c-5.4,0.9-10.7,2.6-17.8,5.6
        		c-2.9,1.2-7.6,3.4-11.9,5.8c-2.2,1.2-4.3,2.5-6.1,3.7c-1.8,1.3-3.3,2.5-4.2,4l1.8,1.2l0.1,2.2l18.2-0.9h0.1c25.8,0,55,9.8,74.5,22.9
        		l0.1,0l14.5,10.5l0.1,0.1c0.9,0.7,1.5,1.3,2.3,2c0.9,0.7,2.1,1.4,3.6,1.8l3.6,0.9L228.9,498.2z"/>
        </svg>
    </a>
    <div class="fire-shadow"></div>
    <a href="{{url('/')}}/admin-story" class="fire-text">{{$c2}}</a>
    
</div>
<!-- Trending Button Ends -->

<!--Go ToChit Button Start-->
<a href="{{ url('/') }}/chits" class="position-fixed btn btn-primary chit-button">
    <small style="line-height: 12px;margin-top: -11px;">Gold <br> Saving <br> Scheme</small>
    <span><img src="{{ url('/') }}/assets/frontend/img/gold-coin.gif" width="100px" height="100px"></span>
</a>
<!--Go ToChit Button End-->
</div>
<!--bottom side widgets left-->

<div class="leftbtn_widget">
    <i class="fa fa-plus"></i>
</div>
<div class="leftbtn_minus">
    <i class="fa fa-minus" style="top: -1px;position: relative;"></i>
    <!--<i class="fas fa-times" style="top: -1px;position: relative;"></i>-->
</div>

<script>
    $('.leftbtn_widget').click( function(){
        $('.leftside_widget').toggle();
        $('.leftbtn_widget').hide();
        $('.leftbtn_minus').show();
    });
    $('.leftbtn_minus').click( function(){
        $('.leftside_widget').toggle();
        $('.leftbtn_widget').show();
        $('.leftbtn_minus').hide();
    });
    
</script>


<div style='display:none;'>
    <div id='login_form' class='container'>
        <h2 class="text-white text-center mb-3" style="font-family: 'Dancing Script', cursive;">
            {{$c1}} <strong class="text-secondary">{{$c2}}</strong> {{$c3}}</h2>
        <div class="owl-carousel owl-carousel-story">
            @php
                $adminstories = DB::table('fan_post')->where('is_delete','0')->where('status','1')->orderBy('id','DESC')->limit(1)->get();
            @endphp
            @if(count($adminstories)>0)
                @foreach($adminstories as $storykey=>$storyitem)
                    <div class="item text-center">
                        @if($storyitem->description) 
                        <a href="{{$storyitem->description}}">
                            <img loading="lazy" class="img-fluid lazy" src="{{url('/')}}/uploads/fanpost_images/{{$storyitem->post_images}}" alt="First slide">
                        </a>
                        @else 
                        <a href="javascript:void(0);">
                            <img loading="lazy" class="img-fluid lazy" src="{{url('/')}}/uploads/fanpost_images/{{$storyitem->post_images}}" alt="First slide">
                        </a>
                        @endif
                    </div>
                @endforeach
            @else
                <h4>No data to display!</h4>
            @endif
         </div>
     
         <div class="text-center mt-2">
             <a href="{{url('/')}}/admin-story" class="story-btn"> View All </a> <!--  style="margin:0% 0% 10% 40%;" View All {{$c2}} <img class="d-block mx-auto" style="max-width: 190px;" src="{{url('/')}}/assets/frontend/images/View-All-Trending-Button.png"> -->
         </div>
         <br><br>
    </div>
</div>
<!-- Login Modal End -->

<div id="loadeingDiv" style="position: fixed;top:0;width: 100%;z-index: 9999999999;background-color: #27272759; display: none;">
    <div class="container">
        <div class="d-flex justify-content-center align-items-center" style="height: 100vh;flex-direction: column;">
            <div class="load-wrapp">
                <div class="load-2">
                  <div class="line1"></div>
                  <div class="line1"></div>
                  <div class="line1"></div>
                </div>
            </div>
            <h4 class="text-center mt-3 font-weight-bold ml-2" style="color:#e6e6e6;">Loading...</h4>
        </div>
    </div>
</div>

<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
    @csrf
</form>

<script src="{{url('/')}}/assets/frontend/vendor/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="{{url('/')}}/assets/frontend/vendor/owl-carousel/owl.carousel.js" type="text/javascript"></script>
<script src="{{url('/')}}/assets/frontend/js/revolution.min.js"></script>
<script src="{{url('/')}}/assets/frontend/js/custom.min.js" type="text/javascript"></script>
<script src="{{url('/')}}/assets/frontend/vendor/aos-master/dist/aos.js"></script>
<script src="{{url('/')}}/assets/frontend/vendor/select/jquery.sumoselect.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
<script src="{{url('/')}}/assets/frontend/js/swiper-bundle.min.js"></script>
<script src="{{url('/')}}/assets/frontend/js/bootbox.js"></script>
<script type="text/javascript" src="{{url('/')}}/assets/frontend/js/xzoom.min.js"></script>
<script src="{{url('/')}}/assets/jquery.lazy-master/jquery.lazy.js"></script>
<script src="{{url('/')}}/assets/frontend/js/xzoom.js" type="text/javascript"></script>
<script src="{{ url('/') }}/assets/js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="{{url('/')}}/assets/frontend/js/image-zoom.min.js"></script>
<script src="//code.tidio.co/8doxoglb1kifhyavabxnee8bkcwjwygy.js" async></script>
<script>
 window.addEventListener('load', AOS.refresh);
    $(window).on('load', function () {
        $('#ctn-preloader').addClass('loaded');
        preLoad(); 
        AOS.init({
            duration: 1200,
            easing: 'ease-out-back',
            once: false
        });
    });
</script>
<style type="text/css">.swal-footer { text-align:center; }</style>
@if(Request::segment(1)=='shop')
    <script type="text/javascript">

        $(document).ready(function() {
            
            
            window.onscroll = function() {filterSticky()};
            var filter = document.getElementById("product-filter");
            var header = document.getElementById("header-hide");
            var sticky = filter.offsetTop + 100;

            function filterSticky() {
                if (window.pageYOffset > sticky) {
                    filter.classList.add("sticky");
                    header.classList.add("opacity-0");
                    AOS.refresh();
                } else {
                    filter.classList.remove("sticky");
                    header.classList.remove("opacity-0");
                    AOS.refresh();
                }
            }
        }); 
    </script>
@endif

 @php
    $jtid = ''; $jmid = '';
    
    if((Request::segment(2)=='style' || Request::segment(2)=='metal' || Request::segment(2)=='jeweltype' || Request::segment(2)=='collection') && Request::segment(4)!='' ) {
        $jtid = Request::segment(4);
    }
    
    if(Request::segment(2)=='metal' && Request::segment(2)!='jeweltype' && Request::segment(4)!='' ) {
        $jmid = Request::segment(4);
        $jtid = Request::segment(3);
    }
@endphp
<script>

    function phonenumber(number)
    {
        var text = number;
        var regx = /^[6-9]\d{9}$/ ;
        if(regx.test(text))
            return true;
        else
            responseMsg('Please enter valid Phone Number!', 'Invalid!');
    }
    
    function joinchit(val) {
        if($("#phone_no_"+val).val()=="" && $("#name_"+val).val()=="") {
            responseMsg('Name & Phone Number are Required!', 'Oops!');
        } else { 
            
            
            $.ajax({
               type: "POST",
               url: "{{url('/')}}/chit_user_enquiry",
                data: { "_token": "{{ csrf_token() }}", "phone_no" : $("#phone_no_"+val).val(), "name": $("#name_"+val).val(), 'chit_id':val },
                beforeSend: function(){

             btn_Loading($('#regbtn'));

             $('#regbtn').attr('disabled','disabled');

             },
               
               success: function(response)
               {
                    window.location="{{url('/')}}/joinchit/pay/"+response.lastid;
                    /*responseMsg(response.message, 'Success!');
                    $("#phone_no_"+val).val('');
                    $("#name_"+val).val('')*/
               }
             });
             
         
        }
    }
    
    function paychit(val) {
        if($("#group"+val).val()=="" && $("#reg_no"+val).val()=="") {
            responseMsg('Group & Reg No required!', 'Oops!');
        } else {
            $.ajax("{{ url('/') }}/chits/pay_now", {
                type: 'POST',  
                data: { "_token": "{{ csrf_token() }}", "scheme_id" : $("#scheme_id_"+val).val(), "regno": $("#reg_no"+val).val(), "group_id": $("#group"+val).val() },
                success: function (response) {
                    if(response.result == 'success') {
                        if(response.message!='') {
                            responseMsg(response.message, 'Done!');
                        } else {
                            //console.log(response.data)
                            chit_payment(response.data.installments,response.data.cid,response.data.amount,response.data.uid)
                        }
                    } else {
                        responseMsg(response.message, 'Oops!'); 
                    }
                }      
            });
        }
    }
    
    function paymentOpt(v, t) {
     if(v==1) {
            $("#razorpayBtn").show();
            $("#offlinePayment").hide();
            $("#directTransfer").hide();
            $("#offline-button").hide();
            if(t == 1){
            $("#wallet").hide();
            $("#wallet1").show();  
            $("#upi").hide();
            $("#upi1").show(); 
            }
            if(t == 2){
            $("#wallet1").hide();
            $("#wallet").show();  
            $("#upi1").show();
            $("#upi").hide();
            setTimeout(() => {
            $("#wallet1").attr("data-selected","false");
            $("#wallet").attr("data-selected","true"); 
            $("#upi").attr("data-selected","false");
            $("#upi1").attr("data-selected","false"); 
            }, 100);
            }
            if(t == 3){
            $("#wallet1").hide();
            $("#wallet").show();  
            $("#upi1").hide();
            $("#upi").show();  
            setTimeout(() => {
            $("#wallet1").attr("data-selected","false");
            $("#wallet").attr("data-selected","false"); 
            $("#upi").attr("data-selected","true");
            $("#upi1").attr("data-selected","false"); 
            }, 100);
            }
        }
        
        if(v==2) {
            $("#offlinePayment").show();
            $("#razorpayBtn").hide();
            $("#directTransfer").hide();
            $("#offline-button").show();
            $("#payment-transfer").hide();
            $("#payment-transfer1").show();        
        }
        if(v==3) {
            $("#directTransfer").show();
            $("#razorpayBtn").hide();
            $("#offlinePayment").hide();
            $("#offline-button").show();
            $("#payment-transfer1").hide();
            $("#payment-transfer").show();
            setTimeout(() => {
            $("#payment-transfer").attr("data-selected","true");
            $("#payment-transfer1").attr("data-selected","true"); 
            }, 100);
        }
    }

    function chitPayment(noofins,chitid,amount,uid,schemeid) {
        if(amount==0 && schemeid==2) { amount = $("#payable_amount").val(); }
        if(amount>0) {
            if(schemeid == 1){
            var formData = new FormData();
            formData.append('noofins', noofins);
            formData.append('chitid', chitid);
            formData.append('amount', amount);
            formData.append('uid', uid);
            formData.append('_token', "{{csrf_token()}}");
            
            $.ajax("{{ url('/') }}/paytochit", {
                type: 'POST',  
                data: formData, 
                processData: false,
                contentType: false,
                success: function (response) {
                    if(response=='loginerror') {
                        swal({
                            title: "Oops!",
                            text: "Session expired, login and continue!",
                            icon: "warning"
                        });
                    } else {
                        $("#razorpay_order_id").val(response);
                        $("#chitpaymentFrm").submit();
                    }
                }      
            });
            }
            else{
            var formData = new FormData();
            //console.log($('#payable-amount').val());
            formData.append('noofins', noofins);
            formData.append('chitid', chitid);
            formData.append('amount', $('#payable_amount').val());
            formData.append('uid', uid);
            formData.append('_token', "{{csrf_token()}}");
            
            $.ajax("{{ url('/') }}/paytochit", {
                type: 'POST',  
                data: formData, 
                processData: false,
                contentType: false,
                success: function (response) {
                    if(response=='loginerror') {
                        swal({
                            title: "Oops!",
                            text: "Session expired, login and continue!",
                            icon: "warning"
                        });
                    } else {
                        $("#razorpay_order_id").val(response);
                        //$("#chitpaymentFrm").submit();
                        
                        var options = {
                    	    "key": "{{$_ENV['RAZOR_KEY']}}",
                    	    "amount": $("#payable_amount").val() * 100, 
                    	    "currency": "INR",
                    	    "order_id": response, 
                            "handler": function (response){
                                $("#razorpay_payment_id").val(response.razorpay_payment_id);
                                $("#razorpayorderid").val(response);
                                
                                if(response.razorpay_payment_id) {
                                    $("#rpayOnlinefrm").submit();
                                }
                            },
                            "prefill": {
                                "name":  $("#name").val(),
                                "email":  $("#email").val(),
                                "contact":  $("#phone_no").val()
                            },
                    	};
                    	var rzp1 = new Razorpay(options);
                    	rzp1.open();
                    }
                }      
            });            
            }
        } else {
            responseMsg('Amount required!', 'Oops!');  
        }
    }
    
    function chit_payment(noofins,chitid,amount,uid,schemeid) {
        if(amount==0) { amount = $('#total_amount').val(); }
        
        if($("#screenshotfile").val()!='') {
            if(schemeid == 1){
            var formData = new FormData();
            formData.append('screenshotfile', $('#screenshotfile')[0].files[0]);
            formData.append('hidden_noinstalment', noofins);
            formData.append('hidden_cdid', chitid);
            formData.append('hidden_amount', amount);
            formData.append('uid', uid);
            formData.append('_token', "{{csrf_token()}}");
    
            $.ajax({
               type: "POST",
               url: "{{url('/')}}/chit/instant_payment",
               data: formData, 
                processData: false,
                contentType: false,
                enctype: 'multipart/form-data',
               success: function(data)
               {
                    responseMsg('Successully paid!','Success!','success');
                    window.location="{{url('/')}}/mychit/payments/"+chitid;
               }
             });
            } 
            else{
            var formData = new FormData();
            formData.append('screenshotfile', $('#screenshotfile')[0].files[0]);
            formData.append('hidden_noinstalment', noofins);
            formData.append('hidden_cdid', chitid);
            formData.append('hidden_amount', $('#total_amount').val());
            formData.append('uid', uid);
            formData.append('_token', "{{csrf_token()}}");
    
            $.ajax({
               type: "POST",
               url: "{{url('/')}}/chit/instant_payment",
               data: formData, 
                processData: false,
                contentType: false,
                enctype: 'multipart/form-data',
               success: function(data)
               {
                    responseMsg('Successully paid!','Success!','success');
                    window.location="{{url('/')}}/mychit/payments/"+chitid;
               }
             }); 
            }
        } else {
            swal({
                title: "Warning!",
                text: "Please upload screenshot!",
                icon: "warning"
            });
            return false;
        }
    }
    
    function filterOpt(id) {
        // alert(id)
        $.ajax("{{ url('/') }}/filter?filter_option="+ $("#filter_options").val()+ "&sort_by=" +$("#sort_by").val()+ "&jid=" +id , {
            type: 'GET',  
            // data: { "filter_options": $("#filter_options").val(), "sort_by" : $("#sort_by").val(), "jid":id }, 
            success: function (response) {
                $("#searchresult").html(response); //location.reload();
            }    
        });
    }
    /*$("#globalsearchkey").on("keyup", function(event) {
        if($("#globalsearchkey").val()!="") { globalSearch(); }
    });*/
    function globalSearch() {
        if($("#globalsearchkey").val()=="") {
            responseMsg('Enter value to search!', 'Oops!');  
        } else {
            window.location="{{url('/')}}/search/"+$("#globalsearchkey").val();
        }
    }
    $(function() {
        $(".group label").click(function(e) {
           var list = e.currentTarget.parentElement;
           var elemt = list.children[1];
           $(elemt).toggleClass('h-auto');
        });
    });
    $('.pricerange').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        captionFormat:'Price Range', 
        captionFormatAllSelected:'Price Range',
    });
    $('.producttype').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        captionFormat:'Product Type', 
        captionFormatAllSelected:'Product Type',
    });
    $('.weightrange').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        captionFormat:'Weight Range', 
        captionFormatAllSelected:'Weight Range',
    });
    $('.material').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        captionFormat:'Occasion', 
        captionFormatAllSelected:'Occasion',
    });
    $('.metal').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        captionFormat:'Metal', 
        captionFormatAllSelected:'Metal',
    });
    $('.seemore').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        captionFormat:'See More Filters', 
        captionFormatAllSelected:'See More Filters',
    });
    $('.filter').SumoSelect({
        selectAll:false,
        csvDispCount: 1,
        placeholder: 'Filters',
        captionFormat:'{0} Selected', 
        captionFormatAllSelected:'All Selected',
    });
    
    @if($jtid)
        $('.filter')[0].sumo.selectItem('producttype_{{$jtid}}');
    @endif
    
    @if($jmid)
        $('.filter')[0].sumo.selectItem('metal_{{$jmid}}');
    @endif
    
    $('.sort').SumoSelect({
        placeholder: 'Sort By'
    });

    function preLoad() {
        if ($('#ctn-preloader').hasClass('loaded')) {
            $('#preloader').queue(function() {
                $(this).remove();
            });
        }
    }

    function addToCart(param) {
        var jewellery_id = param; var discount_price = 0;
        var url = "{{ url('/') }}/add-to-cart";
        $.ajax({
            type: "POST",
            url: url,
            data: { "_token": "{{ csrf_token() }}", jewellery_id: jewellery_id },
            success: function (data) {               
                $(".cartProductCount").html(data.cart_count);
                $("#cartPrice").html(data.total_price);

                var div = '';
                div += '<div class="cart-list-product" id="cartlist'+data.jewellery_id+'">';
                div += '<a class="float-right remove-cart" onclick="removeCartProduct('+data.jewellery_id+')" href="javascript:void(0)"><i class="mdi mdi-close"></i></a>';
                div += '<img class="img-fluid" src="{{url('/')}}/uploads/jewellery_images/'+data.jewellery_image+'">';
                div += '<h5><a href="#">'+data.jewellery_name+'</a></h5>';
                div += '<h6><strong><span class="mdi mdi-approval"></span> '+data.jewellery_material+' </strong> - '+data.jewellery_purity+'</h6>';
                div += '<p class="offer-price mb-0"><i class="fa fa-rupee-sign"></i> '+data.jewellery_price;
                if(data.original_price!=data.jewellery_price) {
                    div += '<i class="mdi mdi-tag-outline"></i> <span class="regular-price"><i class="fa fa-rupee-sign"></i> '+data.original_price+' </span>';
                }
                div += '</p>';
                div += '</div>';

                $(".cart_gallery").append(div);                
                $(".emptyDiv").html('');
                if(data.cart_count>0) { 
                    var footerDiv = '';

                    footerDiv += '<div class="cart-sidebar-footer" style="background-color: #fff;">';
                    footerDiv += '<div class="cart-list-product">';
                    footerDiv += '<p><b>Total :  <span style="float: right !important;"> <i class="fas fa-rupee-sign"></i> <span id="cartPrice">'+data.total_price+'</span></span></b></p>';
                    if(data.discount_price>0) {
                        footerDiv += '<p class="text-success mt-1">Discount :  <span style="float: right !important;"> - <i class="fas fa-rupee-sign"></i> <span id="discountPrice"> '+data.discount_price+' </span></span></p>';
                    }
                    footerDiv += '</div>';
                    footerDiv += '</div>';

                    $("#totalDiv").html(footerDiv); 
                } 

                swal({
                    title: "Added!",
                    text: data.message, 
                    icon: "success",
                    buttons: {
                        cancel: {
                            text: "Continue Shopping",
                            value: false,
                            visible: true,
                            className: "button button-primary",
                            closeModal: true,
                        },
                        confirm: {
                            text: "View Cart",
                            value: true,
                            visible: true,
                            className: "",
                            closeModal: true
                        }
                    },
                }).then((willDelete) => {
                    if (willDelete) {
                        window.location="{{url('/')}}/cart";
                    } 
                });
            },
            error: function (data) {
                responseMsg(data,'Oops!','error')
            }
        });
    } 

    function removeCartProduct(pid,divId) {
        swal({
            title: "Remove!",
            text: "Are you sure want to remove?", 
            icon: "warning",
            buttons: {
                cancel: {
                    text: "Cancel",
                    value: false,
                    visible: true,
                    className: "button button-primary",
                    closeModal: true,
                },
                confirm: {
                    text: "Yes, Remove it!",
                    value: true,
                    visible: true,
                    closeModal: true
                }
            },
        }).then((willDelete) => {
            if (willDelete) {
                $.ajax("{{ url('/') }}/cart/remove", {
                    type: 'GET',  
                    data: { "jewellery_id": pid },
                    success: function (response) {
                        location.reload();
                    }      
                });
            } 
        }); 
    }

    function removeProduct(pid) {
        swal({
            title: "Remove!",
            text: "Are you sure want to remove?", 
            icon: "warning",
            buttons: {
                cancel: {
                    text: "Cancel",
                    value: false,
                    visible: true,
                    className: "button button-primary",
                    closeModal: true,
                },
                confirm: {
                    text: "Yes, Remove it!",
                    value: true,
                    visible: true,
                    className: "",
                    closeModal: true
                }
            },
        }).then((willDelete) => {
            if (willDelete) {
                $.ajax("{{ url('/') }}/cart/remove", {
                    type: 'GET',  
                    data: { "product_id": pid },
                    success: function (response) {
                        location.reload();
                    }    
                });
            } 
        });
    }

    function priceCalculation(qty,price,id) {
        var price = qty*price;
        $("#totalUnitPrice"+id).html(addCommas(price.toFixed(2)));
        var p = addCommas(price + $("#totalAmount").val())+'.00';
        $("#cartTotalAmt").html(p);  
        $("#updatebtndiv").show(); $('.checkoutbtndiv').hide();
    }

    function addCommas(nStr){
        nStr += '';
        var x = nStr.split('.');
        var x1 = x[0];
        var x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + ',' + '$2');
        }
        return x1 + x2;
    }

    function proceedCheckout() {
        @if(Auth::check())
            window.location = "{{url('/')}}/checkout";
        @else 
            $("#is_pay").val("cart");
            loginrequired();
        @endif
    }
    
    function paychitamt() {
        if($("#amount").val()) {
            $("#payDiv").show();
        } else {
            $("#payDiv").hide();
            responseMsg('Please enter amount you wish to pay!', 'Oops!', 'error');  
        }
    }
    
    function isPay(val) {
        @if(Auth::check())
            window.location = "{{url('/')}}/mychit";
        @else 
            $("#is_pay").val("1");
        @endif
    }
    
    function resendOTP() {
        $("#mobileDiv").show();
        $("#otpDiv").hide();
        
        if($("#phone_no").val()) {
            $("#loadeingDiv").show();
            $.ajax({
               type: "GET",
               url: "{{url('/')}}/send_code?phone_no="+$("#phone_no").val(), 
               processData: false,
               contentType: false,
               success: function(data)
               {
                    $("#loadeingDiv").hide(); 
                    if(data=='loginerror') {
                        responseMsg('Unable to send code,try later!', 'Oops!', 'error');  
                    } else if(data == 'phoneerror') {
                        responseMsg('Enter phone number to send OTP!', 'Oops!', 'error');  
                    } else {
                        //$("#mobileDiv").hide();
                        $("#otpDiv").show();
                        $("#resendotpbutton").show();
                        $("#otpbutton").html('Login');

                        responseMsg('Code has been sent successfully, check your inbox!');   
                    }           
               }
            });
        } else {
            responseMsg('Enter phone number to send OTP!', 'Oops!', 'error');  
        }
    }
        
    function sendOTP() {
        if($("#otpbutton").html()=='Send OTP') {
            if($("#phone_no").val()) {
                $("#loadeingDiv").show();
                $.ajax({
                   type: "GET",
                   url: "{{url('/')}}/send_code?phone_no="+$("#phone_no").val(), 
                   processData: false,
                   contentType: false,
                   success: function(data)
                   {
                        $("#loadeingDiv").hide(); 
                        if(data=='loginerror') {
                            responseMsg('Unable to send code,try later!', 'Oops!', 'error');  
                        } else if(data == 'phoneerror') {
                            responseMsg('Enter phone number to send OTP!', 'Oops!', 'error');  
                        } else {
                            $("#mobileDiv").hide();
                            $("#otpDiv").show();
                            $("#resendotpbutton").show();
                            $("#otpbutton").html('Login');

                            responseMsg('Code has been sent successfully, check your inbox!');   
                        }           
                   }
                });
            } else {
                responseMsg('Enter phone number to send OTP!', 'Oops!', 'error');  
            }
        }

        if($("#otpbutton").html()=='Login') {
            if($("#otp_input").val()) {
                $("#loadeingDiv").show();
                $.ajax({
                    type: "GET",
                    url: "{{url('/')}}/verify_code?phone_no="+$("#phone_no").val()+"&code="+$("#otp_input").val(), 
                    processData: false,
                    contentType: false,
                    success: function(data)
                    {
                        $("#loadeingDiv").hide();
                        if(data=='error') {
                            responseMsg('Unable to validate code,try later!', 'Oops!', 'error');  
                        } else if(data=='notmatch') {
                            responseMsg("code doesn't match!", 'Warning', 'warning');
                        } else { 
                            if($("#is_pay").val()==1) {
                                window.location = "{{url('/')}}/mychit";
                            } else if($("#is_pay").val()=='cart') {
                                window.location = "{{url('/')}}/cart";
                            } else if($("#is_pay").val()!=1 && ($("#is_pay").val()>1)) {
                                window.location = "{{url('/')}}/quotation/"+$("#is_pay").val();
                            } else {
                                window.location = "{{url('/')}}/user_profile";
                            }
                        }       
                    }
                });
            } else {
                responseMsg('Please enter OTP!', 'Oops!', 'error');  
            }
        }
    }
    
    function redirecttochit() {
       window.location = "{{url('/')}}/mychit"; 
    }

    $('[data-confirm]').on('click', function(e){
        e.preventDefault(); 
        
        swal({
            title: "Logout?",
            text: 'You will be returned to the login page', 
            buttons: true,
            dangerMode: true,
        })
        .then((willDelete) => {
          if (willDelete) {
                $.ajax({
                    type: "GET",
                    url: "{{url('/')}}/logoutconfirm", 
                    processData: false,
                    contentType: false,
                    success: function(data)
                    {
                        if(data=='login') {
                            $("#logout-form").submit();
                        } else {
                            window.location="{{url('/')}}/";
                        }
                    }
                });
          } 
        });
    });

    function responseMsg(msg,status,icon) {
        if(icon == 'success') {
            swal({
                title: status,
                text: msg,
                icon: icon
            });
        } else {
            swal({
                title: status,
                text: msg
            });
        }
    }

    @if($message = Session::get('success'))
        responseMsg('{{$message}}','Success!','success')
    @endif 

    @if($message = Session::get('error'))
        responseMsg('{{$message}}','Oops!','error')
    @endif

    @if($message = Session::get('warning'))
        responseMsg('{{$message}}','Warning!','warning')
    @endif

    function triggerFun(btn) {
        $("#"+btn).trigger('click');
    }

    $('.numbersOnly').keyup(function(e) {  
        if (/\D/g.test(this.value))
        {
            // Filter non-digits from input value.
            this.value = this.value.replace(/\D/g, '');
            responseMsg('Only Numbers Allowed!','Warning','warning')
        }
    });

    function getQuote(jid) {
        @if(Auth::check())
            $.ajax("{{ url('/') }}/get_quote", {
                type: 'GET',  
                data: { "jewellery_id": jid },
                success: function (response) {
                    window.location="{{url('/')}}/quote/"+response;
                }      
            });
        @else
            $("#is_pay").val(jid);
            loginrequired();
        @endif
    }
    
    function loginrequired() {
      swal({
          title: "Phone Number Required!",
          text: "Please enter a valid phone number to continue!", 
          //icon: "warning",
          buttons: {
              cancel: {
                  text: "Cancel",
                  value: false,
                  visible: true,
                  className: "button button-primary",
                  closeModal: true,
              },
              confirm: {
                  text: "Login!",
                  value: true,
                  visible: true,
                  closeModal: true
              }
          },
      }).then((willDelete) => {
          if (willDelete) {
              $("#login-example-modal").modal('show');
          } 
      });
    }
    
     $('.onlyImage').change(function(){
        var selectedFile = this.files[0];
        var idxDot = selectedFile.name.lastIndexOf(".") + 1;
        var extFile = selectedFile.name.substr(idxDot, selectedFile.name.length).toLowerCase(); 

        if (extFile == "jpg" || extFile == "jpeg" || extFile == "png" || extFile == "mp4" || extFile == "mov" || extFile == "wmv" || extFile == "flv") {
            if(selectedFile.size>4000000) {
                 $(this).val('');
                responseMsg('File must be less than 1MB!','Warning','warning')
            } 
        } else {
            $(this).val('');
            responseMsg('You must select an image file only! File input is cleared.','Warning','warning')
        }
    }); 
    
    function amtVal(vals) {
        $("#chit_amount").val(vals); 
        $(".total-amount").text(numberformat($("#chit_amount").val()));
        let gatewaytotal = ((2 / 100) * $("#chit_amount").val());
        gatewaytotal = parseInt(gatewaytotal);
        $(".gateway-amount").text(numberformat(gatewaytotal));
        let payable = gatewaytotal + parseInt($("#chit_amount").val());
        $(".payable-amount").text(numberformat(payable))
    }
    
    function amtValGold(vals) { 
        $("#total_amount").val(vals);
        $(".total_amount").text(vals);
        let gatewaytotal = ((2 / 100) * vals);
        gatewaytotal = parseInt(gatewaytotal);
        $(".gateway-amount").text(numberformat(gatewaytotal));
        let payable = gatewaytotal + parseInt(vals);
        $("#payable_amount").val(payable);
        $(".payable-amount").text(numberformat(payable))
    }
    
    function numberformat(p){
    let x = p.toString();
    var lastThree = x.substring(x.length-3);
    var otherNumbers = x.substring(0,x.length-3);
    if(otherNumbers != '')
        lastThree = ',' + lastThree;
    var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
    return res;
    }

    
    function paymentOpts(v,t) {
    if(v==1) {
        $("#payment_option").val(1);
        $("#razorpayBtn").show();
        $("#offlinePayment").hide();
        $("#directTransfer").hide();
        $("#offline-button").hide();
        if(t == 1){
        $("#wallet").hide();
        $("#wallet1").show();  
        $("#upi").hide();
        $("#upi1").show(); 
        }
        if(t == 2){
        $("#wallet1").hide();
        $("#wallet").show();  
        $("#upi1").show();
        $("#upi").hide();
        setTimeout(() => {
        $("#wallet1").attr("data-selected","false");
        $("#wallet").attr("data-selected","true"); 
        $("#upi").attr("data-selected","false");
        $("#upi1").attr("data-selected","false"); 
        }, 100);
        }
        if(t == 3){
        $("#wallet1").hide();
        $("#wallet").show();  
        $("#upi1").hide();
        $("#upi").show();  
        setTimeout(() => {
        $("#wallet1").attr("data-selected","false");
        $("#wallet").attr("data-selected","false"); 
        $("#upi").attr("data-selected","true");
        $("#upi1").attr("data-selected","false"); 
        }, 100);
        }
    }
    
    if(v==2) {
        $("#payment_option").val(0);
        $("#offlinePayment").show();
        $("#razorpayBtn").hide();
        $("#directTransfer").hide();
        $("#offline-button").show();
        $("#payment-transfer").hide();
        $("#payment-transfer1").show();        
    }
    if(v==3) {
        $("#payment_option").val(0);
        $("#directTransfer").show();
        $("#razorpayBtn").hide();
        $("#offlinePayment").hide();
        $("#offline-button").show();
        $("#payment-transfer1").hide();
        $("#payment-transfer").show();
        setTimeout(() => {
        $("#payment-transfer").attr("data-selected","true");
        $("#payment-transfer1").attr("data-selected","true"); 
        }, 100);
    }
}

$('.numbersOnly').keyup(function(e) {
          if (/\D/g.test(this.value))
          {
            // Filter non-digits from input value.
            this.value = this.value.replace(/\D/g, '');
            responseMsg('Only Numbers Allowed!','Warning','warning')
          }
    });

    $('.alphabetsOnly').keypress(function (e) {
        var regex = new RegExp(/^[a-zA-Z\s]+$/);
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) {
            return true;
        }
        else {
            e.preventDefault();
            responseMsg('Alphabets Numbers Allowed!','Warning','warning')
        }
    });
    
    function btn_Loading($this) {

    

var  loadingText  =  '<i class="fa fa-spinner" aria-hidden="true"></i> Processing...';



  if ($($this).html() !==  loadingText) {



  $this.data('original-text', $($this).html());



  $this.html(loadingText);



 }



}

function btn_reset($this) {



  $('.waves-ripple').remove();



  $this.html($this.data('original-text'));



  $this.removeAttr('disabled');



}
</script>
</body>
</html>