Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory :  /home/tradze/www/dev-test/resources/views/frontend_new/partials/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<!-- Start Counter -->

	<div class="countdown countdown-container container col-xs-12 col-sm-12 col-md-8 col-lg-8 display-inline" id="countdown_{{$i}}" clockTime="{{ $reserved_ttl }}">
        <div class="clock row">
            <div class="clock-item clock-days countdown-time-value col-sm-6 col-md-3" style="visibility: hidden;">
                <div class="wrap"  style="height: 180px; width: 180px;">
                    <div class="inner">
                        <div id="canvas-days" class="clock-canvas"></div>

                        <div class="text">
                            <p class="val">0</p>
                            <p class="type-days type-time">DAYS</p>
                        </div><!-- /.text -->
                    </div><!-- /.inner -->
                </div><!-- /.wrap -->
            </div><!-- /.clock-item -->

            <div class="clock-item clock-hours countdown-time-value col-sm-6 col-md-3" style="visibility: hidden;">
                <div class="wrap"  style="height: 180px; width: 180px;">
                    <div class="inner">
                        <div id="canvas-hours" class="clock-canvas"></div>

                        <div class="text">
                            <p class="val">0</p>
                            <p class="type-hours type-time">HOURS</p>
                        </div><!-- /.text -->
                    </div><!-- /.inner -->
                </div><!-- /.wrap -->
            </div><!-- /.clock-item -->

            <div class="clock-item clock-minutes countdown-time-value col-sm-6 col-md-3">
                <div class="wrap"  style="height: 180px; width: 180px;">
                    <div class="inner">
                        <div id="canvas-minutes" class="clock-canvas"></div>

                        <div class="text">
                            <p class="val">0</p>
                            <p class="type-minutes type-time">MINUTES</p>
                        </div><!-- /.text -->
                    </div><!-- /.inner -->
                </div><!-- /.wrap -->
            </div><!-- /.clock-item -->

            <div class="clock-item clock-seconds countdown-time-value col-sm-6 col-md-3">
                <div class="wrap"  style="height: 180px; width: 180px;">
                    <div class="inner">
                        <div id="canvas-seconds" class="clock-canvas"></div>

                        <div class="text">
                            <p class="val">0</p>
                            <p class="type-seconds type-time">SECONDS</p>
                        </div>
                        <!-- /.text -->
                    </div>
                    <!-- /.inner -->
                </div>
                <!-- /.wrap -->
            </div>
            <!-- /.clock-item -->
        </div>
     </div>
<!--  end counter-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://testt.zenlondon.co.uk/themes/frontend_new/assets/js/kinetic-countdown.js"></script>
<script type="text/javascript" src="http://testt.zenlondon.co.uk/themes/frontend_new/assets/js/jquery.final-countdown.js"></script>
<script> 
    $('document').ready(function() {
        var time_remaining = 0;
        // alert("{{ $reserved_ttl }}");
        'use strict';
        time_remaining = {{ $reserved_ttl }};
        console.log(time_remaining);
        $('#countdown_{{$i}}').final_countdown({
            'start': 0,
            'end': time_remaining,
            'now': 0      
        });
        debugger;
    });
</script>