<center>
    <div id="myBtns" class="d-none d-md-block">
        <a href="#" class="text-danger" uk-toggle="target: #offcanvas-none">
            <br>
            <div><strong id="cartamount"></strong> Tk</div>
        </a>
    </div>
</center>



<style>
    #myBtns {
        position: fixed;
        /* Fixed/sticky position */
        bottom: 300px;
        /* Place the button at the bottom of the page */
        right: 0px;
        /* Place the button 30px from the right */
        z-index: 99;
        /* Make sure it does not overlap */
        border: none;
        /* Remove borders */
        outline: none;
        /* Remove outline */
        color: red;
        /* Text color */
        cursor: pointer;
        /* Add a mouse pointer on hover */
        padding: 10px 20px;
        /* Some padding */
        font-size: 20px;
        /* Increase font size */
        font-weight: bold;
        transition: 0.5s;
        background: url("<?php echo e(asset('public/fontdev/dummy-cart.webp')); ?>");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px 0px 0px 5px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    #myBtns:hover {
        opacity: 1;
        text-decoration: none;
    }

    .footermenu li {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid gray;

    }

    .footermenu li a {
        color: var(--bs-dark);
        font-size: 14px;
    }
    .footermenu li a:hover {
        color: #576068;
    }
</style>





<?php

$setting = DB::table('settings')->first();
$page_categories = DB::table('page_categories')->take(3)->where('status', 1)->get();

?>



<footer style="margin-top: 5rem;">
    <div class="border-bottom py-4 text-center" style="background-color: #008459; font-size: 27px;letter-spacing: 4px;">
        <div class="container">
            <h5 class="mb-0 text-light" style="font-weight: 700;"><i class="fas fa-phone me-2"></i> Call: <?php echo e($setting->hotline); ?></h5>
        </div>
    </div>

    <div class="footermenu">
        <div class="container overflow-hidden">
            <div class="row g-5">
                <div class="col-md-4 col-sm-6">
                    <h3 class="fw-bold mb-4 text-light">Follow us</h3>

                    <!-- social media -->
                    <div class="social-media d-flex">
                        <a href="<?php echo e($setting->facebook); ?>" class="social-media__item">
                            <i class="fab fa-facebook-f social-media__icon facebook"></i>
                        </a>
                        <a href="<?php echo e($setting->twitter); ?>" class="social-media__item">
                            <i class="fab fa-twitter social-media__icon twitter"></i>
                        </a>
                        <a href="<?php echo e($setting->youtube); ?>" class="social-media__item">
                            <i class="fab fa-youtube social-media__icon youtube"></i>
                        </a>
                        <a href="<?php echo e($setting->instragram); ?>" class="social-media__item">
                            <i class="fab fa-instagram social-media__icon instagram"></i>
                        </a>
                    </div>

                    <div class="mt-3">
                        <a href="<?php echo e(URL::to('/')); ?>">
                            <img src="<?php echo e(asset('/public/siteImage')); ?>/<?php echo e($setting->logo); ?>" alt="" style="max-width: 181px;">
                        </a>
                        <p><?php echo e($setting->short_des ?? ''); ?></p>
                    </div>
                </div>

                <!-- <div class="col-md-7 col-sm-6">
                    <div class="footer-logo">
                        <strong>POPULAR SEARCHES</strong><br><br>
                        <a href="<?php echo e(url('/')); ?>"><img src="<?php echo e(asset('/public/siteImage')); ?>/<?php echo e($setting->logo); ?>" class="img-fluid"></a>
                        <p><?php echo e($setting->short_des ?? ''); ?></p>
                    </div>
                </div> -->

                <div class="col-md-4 col-sm-6">
                    <h3 class="fw-bold mb-4 text-light">Contact Us</h3>
                    <div class="footer-address">
                        <ul>
                            <li>
                                <div class="footer-address-icon">
                                    <i class="fas fa-map-marker-alt"></i>
                                </div>
                                <div class="footer-address-info">
                                    <div style="max-width: 230px;">Address: <?php echo e($setting->address ?? ''); ?></div>
                                </div>
                            </li>
                            <li>
                                <div class="footer-address-icon">
                                    <i class="fas fa-phone-volume"></i>
                                </div>
                                <div class="footer-address-info">
                                    Hotline: <a href="tel:<?php echo e($setting->hotline); ?>" class="text-light"><?php echo e($setting->hotline); ?></a>
                                </div>
                            </li>
                            <li>
                                <div class="footer-address-icon">
                                    <i class="far fa-envelope"></i>
                                </div>
                                <div class="footer-address-info">
                                    Email: <a href="mailto:<?php echo e($setting->email); ?>" class="text-light"><?php echo e($setting->email); ?></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <h3 class="fw-bold mb-4 text-light">Contact Information</h3>
                    <p>
                        <!-- <?php echo e($setting->short_des ?? ''); ?> -->

                        Address: শুধু মাত্র অনলাইন এ বিক্রি করা হয়। <br>
                           <?php echo e($setting->address); ?> <br> <br>
                        Phone: সরাসরি কোন বিক্রি করা হয় না <br> 
                            <?php echo e($setting->hotline); ?> <br> <br>
                        Email: অনলাইন এ অর্ডার করুন।
                            <?php echo e($setting->email); ?>

                        Hours: আমাদের কোন show room নাই। <br>
                        Opening Time: <?php echo e($setting->opening_time ?? ''); ?>

                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="py-5 border-top border-bottom">
        <div class="container">
            <div class="row g-3">
                <?php $__currentLoopData = $page_categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page_category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php  
                    $pages = DB::table('pages')->where('page_category_id', $page_category->id)->where('status', 1)->get();
                ?>
                <div class="col-sm-6 col-lg-4">
                    <h5 class="fw-bold text-dark"><?php echo e($page_category->name); ?></h5>
                    <ul class="footer-link-list">
                        <?php $__currentLoopData = $pages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li><a href="<?php echo e(route('page_details', $page->slug)); ?>"><?php echo e($page->title); ?></a></li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <!-- <div class="col-sm-6 col-lg-3">
                    <h5 class="fw-bold text-dark">MY ACCOUNT</h5>

                    <ul class="footer-link-list">
                        <?php if(Auth('guest')->user()): ?>
                            <li><a href="<?php echo e(url('userdashboard')); ?>">MY ACCOUNT</a></li>
                            <li><a href="<?php echo e(url('userdashboard')); ?>">ORDER HISTORY</a></li>
                        <?php else: ?>
                            <li><a href="<?php echo e(url('user-login')); ?>">MY ACCOUNT</a></li>
                            <li><a href="<?php echo e(url('user-login')); ?>">ORDER HISTORY</a></li>
                        <?php endif; ?>
                    </ul>
                </div> -->
            </div>
        </div>
    </div>

    <div class="container py-4">
        <!-- copyright -->
        <div class="d-flex align-items-center justify-content-between flex-column flex-md-row">
            <div>
                <div class="text-center text-muted">© <?php echo date('Y') ?> All Right Reserved <a href="<?php echo e(URL::to('/')); ?>" class="text-inherit text-decoration-underline"><?php echo e($setting->title); ?></a>. Developed By <a href="https://branexitltd.com/">BranexIT</a></div>
            </div>

            <div class="pt-3 pt-md-0">
                Popular Online Shop
                <img src="<?php echo e(asset('/public/siteImage')); ?>/<?php echo e($setting->logo); ?>" alt="" style="max-width: 50px;">
            </div>
        </div>
    </div>



</footer>



<div id="offcanvas-none" uk-offcanvas="mode: slide; overlay:true; flip: true;">

    <div class="uk-offcanvas-bar cartbackground">
        <div class="card">
            <div class="card-header bg-white">
                <div class="row">
                    <div class="col-md-6 col-6">
                        My Cart
                    </div>
                    <div class="col-md-6 col-6">
                        <span uk-icon="icon:close; ratio:1.2" class="uk-offcanvas-close icone"></span>
                    </div>
                </div>

            </div>




            <div class="card-body p-0">

                <div id="cartshow"></div>







                <div class="card-footer mt-3" style="position: absolute; bottom: 0; width: 100%;">


                    <div class="row mt-2">
                        <div class="col-md-6 col-6">
                            Total
                        </div>

                        <div class="col-md-6 col-6 text-end">
                            ৳ <strong id="cartprice">0</strong>
                        </div>
                    </div>

                    <br>

              
                        <a href="<?php echo e(url('/Checkout')); ?>" class="btn btn-dark d-block"><i class="fa fa-shopping-basket" uk-tooltip="title: Remove; pos:bottom"></i>&nbsp;Checkout Order</a>
                  
                    <br><br>


                </div>

            </div>

        </div>

    </div>
</div>
</div>
<!----------End side Cart-------->




<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5eff60d26f9c1b7b"></script>

<script type="text/javascript" src="<?php echo e(asset('public/fontdev/')); ?>/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="<?php echo e(asset('public/fontdev/')); ?>/js/uikit.min.js"></script>
<script type="text/javascript" src="<?php echo e(asset('public/fontdev/')); ?>/js/uikit-icons.min.js"></script>
<script type="text/javascript" src="<?php echo e(asset('public/assets/')); ?>/js/slick.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/2.10.2/simple-lightbox.jquery.min.js"></script>
<script src="<?php echo e(asset('public/assets/js/jquery.elevateZoom-3.0.8.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('public/fontdev/')); ?>/js/main.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js"></script>

<script type="text/javascript">
    $('ul.pagination').hide();
    $(function() {
        $('.scrolling-pagination').jscroll({
            loadingHtml: `<center><img class="mt-5" src="<?php echo e(asset('public/Frontend/img/loader.gif')); ?>" style="height:50px;"></center>`,
            autoTrigger: true,
            padding: 0,
            nextSelector: '.pagination li.active + li a',
            contentSelector: 'div.scrolling-pagination',
            callback: function() {
                $('ul.pagination').remove();
            }
        });
    });
</script>


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script>
    <?php if(Session::has('messege')): ?>

    var type = "<?php echo e(Session::get('alert-type', 'info')); ?>"

    switch (type) {

        case 'info':
            toastr.options.positionClass = 'toast-bottom-center';
            toastr.info("<?php echo e(Session::get('messege')); ?>");

            break;

        case 'success':
            toastr.options.positionClass = 'toast-bottom-center';
            toastr.success("<?php echo e(Session::get('messege')); ?>");

            break;

        case 'warning':
            toastr.options.positionClass = 'toast-bottom-center';
            toastr.warning("<?php echo e(Session::get('messege')); ?>");

            break;

        case 'error':
            toastr.options.positionClass = 'toast-bottom-center';
            toastr.error("<?php echo e(Session::get('messege')); ?>");

            break;

    }

    <?php endif; ?>
</script>


</body>

</html><?php /**PATH /home/u568543278/domains/firm2door.com/public_html/ecommerce-3/resources/views/User/layouts/footer.blade.php ENDPATH**/ ?>