{% extends 'base.html.twig' %}

{% block title %}Hello VideoController!{% endblock %}

{% block body %}

<div class="tm-slider-box tm-dark-bg">
	<section class="tm-slider uk-grid tm-none-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin="">
	<!-- start full width -->
		<div class="uk-width-1-1">
			<div class="uk-panel top-slider-width CuteChurch">        
	            <div class="slider-module">
	            	<div class="uk-slidenav-position" data-uk-slideshow="{height: 'auto', animation: 'fade', duration: '', autoplay: false, autoplayInterval: '6000', videoautoplay: false, videomute: false, kenburns: false}">
	                	<ul class="uk-slideshow uk-overlay-active">
	                        <li aria-hidden="false" class="uk-cover uk-height-viewport  tm-wrap uk-active">
	                        	<div class="uk-cover-background uk-position-cover"></div>
                            
	                        	<img src="{{ asset('build/assets/images/culte') }}" alt="slider-img-04" class="aligncenter size-full wp-image-631" height="960" width="1920">
								<div class="uk-overlay-panel uk-overlay-right uk-overlay-slide-left uk-flex uk-flex-center uk-flex-middle uk-width-1-1">
									<div class="uk-container uk-container-center tm-full-width">
										<div class=" tm-wrap">
											<div class="tm-slide-style-1 uk-width-1-1">
												<div class="">
													<div class="imageslider-background"><h3 class="slide-head">Responsive Church</h3></div><br>
													<div class="imageslider-background"><h3 class="slide-head">HTML Theme</h3></div>
												</div>
												<a href="sermons.html" class="tm-imageslider-button color-light">More&nbsp;<i class="uk-icon-long-arrow-right"></i></a>
											</div>
										</div>
									</div>
								</div>
							</li>
	                        <li aria-hidden="true" class="uk-cover uk-height-viewport tm-wrap">
	                        	<div class="uk-cover-background uk-position-cover"></div>
	                        	<img src="{{ asset('build/assets/images/antioche.jpg') }}" alt="slider-img-06" class="aligncenter size-full wp-image-630" height="960" width="1920">
								<div class="uk-overlay-panel uk-overlay-right uk-overlay-slide-right uk-flex uk-flex-center uk-flex-middle uk-width-1-1">
									<div class="uk-container uk-container-center tm-full-width">
										<div class=" tm-wrap">
											<div class="tm-slide-style-2 uk-width-1-1">
												<div class="">
													<div class="imageslider-background"><h3 class="slide-head">Responsive Church</h3></div><br>
													<div class="imageslider-background"><h3 class="slide-head">HTML Theme</h3></div>
												</div>
												<a href="sermons.html" class="tm-imageslider-button color-light">More&nbsp;<i class="uk-icon-long-arrow-right"></i></a>
											</div>
										</div>
									</div>
								</div>
							</li>
	                        <li aria-hidden="true" class="uk-cover uk-height-viewport tm-wrap">
	                        	<div class="uk-cover-background uk-position-cover"></div>
	                        	<img src="{{ asset('build/assets/images/banierebaptem.jpg') }}" alt="slider-img-01" class="aligncenter size-full wp-image-629" height="960" width="1920">
								<div class="uk-overlay-panel uk-overlay-right uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-width-1-1">
									<div class="uk-container uk-container-center tm-full-width">
										<div class=" tm-wrap">
											<div class="tm-slide-style-1 uk-width-7-10">
												<div class="uk-overlay-background tm-p-10">
													<div class="slide-text-primary tm-heading-font">“I believe the Bible is the best gift God has ever given to man ...”</div>
													<h3 class="slide-head">Abraham Lincoln</h3>
												</div>
												<a href="sermons.html" class="tm-imageslider-button color-light">More&nbsp;<i class="uk-icon-long-arrow-right"></i></a>
											</div>
										</div>
									</div>
								</div>
							</li>
	                		<li aria-hidden="true" class="uk-cover uk-height-viewport tm-wrap">
	                			<div class="uk-cover-background uk-position-cover"></div>
	                			<img src="{{ asset('build/assets/images/DALO') }}" alt="slider-img-05" class="aligncenter size-full wp-image-675" height="960" width="1920">
								<div class="uk-overlay-panel uk-overlay-right uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-width-1-1">
									<div class="uk-container uk-container-center tm-full-width">
										<div class=" tm-wrap">
											<div class="tm-slide-style-2 uk-width-7-10">
												<div class="uk-overlay-background tm-p-10">
													<h3 class="slide-head">Martin Luther</h3>
													<div class="slide-text-primary tm-heading-font">"To gather with God's people in united adoration of the Father is as necessary to the Christian life as prayer."</div>
												</div>
												<a href="sermons.html" class="tm-imageslider-button color-light">More&nbsp;<i class="uk-icon-long-arrow-right"></i></a>
											</div>
										</div>
									</div>
								</div>
							</li>
	                        
	                    </ul>
	                    <a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
	                    <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
	                    <ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
	                        <li class="uk-active" data-uk-slideshow-item="0"><a href="">0</a></li>
	                        <li data-uk-slideshow-item="1"><a href="">1</a></li>
	                        <li data-uk-slideshow-item="2"><a href="">2</a></li>
	                        <li data-uk-slideshow-item="3"><a href="">3</a></li>
	                        
	                	</ul>
	                </div>
	        	</div>
	    	</div>
		</div>
		<!-- end full width -->
	</section>
</div>

<div class="tm-top-a-box tm-dark-pattern-bg">
        <div class="uk-container uk-container-center">
            <section class="tm-top-a uk-grid tm-xlarge-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin="">
                <div class="uk-width-1-1">
                    <div class="uk-panel CountDownTimer">
                        <div id="countdowntimer-2-countdown" class="tminus_countdown" style="width:auto; height:auto;">
                            <div class="cutechurch-countdown omitweeks">
                                <div id="countdowntimer-2-tophtml" class="cutechurch-tophtml">
                                    <h1 class="tm-title tcenter">
                                        <span class="border">Upcoming Event</span>
                                    </h1>
                                    <p>In sollicitudin, ipsum nec auctor malesuada, elit turpis fermentum odio, ac vestibulum dui risus non elit. Quisque varius ex arcu, vitae rhoncus justo lacinia ac. Stibulum dui risus non elit. Quisque varius ex arcu,
                                        vitae rhoncus justo lacinia ac. Stibulum dui risus non elit. Quisque varius ex arcu, vitae rhoncus justo lacinia ac.</p>
                                    <h4>
                                        <span class="brackets">
                                        <a href="/" class="tm-color-line">Staff members meet</a>
                                    </span>
                                    </h4>
                                    <h1 class="tm-title tcenter">
                                           <span ><div id="clock" >00:00:00</div></span>
                                        </h1>
                                    
                                </div>
                                <div id="countdowntimer-2-dashboard" class="cutechurch-dashboard">
                                    <div class="cutechurch-dash cutechurch-days_dash">
                                        <div class="cutechurch-dash_title">days</div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">4</div>
                                            <div style="display: block;" class="bottom">4</div>
                                        </div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">8</div>
                                            <div style="display: block;" class="bottom">8</div>
                                        </div>
                                    </div>
                                    <div class="cutechurch-dash cutechurch-hours_dash">
                                        <div class="cutechurch-dash_title">hours</div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">0</div>
                                            <div style="display: block;" class="bottom">0</div>
                                        </div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">0</div>
                                            <div style="display: block;" class="bottom">0</div>
                                        </div>
                                    </div>
                                    <div class="cutechurch-dash cutechurch-minutes_dash">
                                        <div class="cutechurch-dash_title">minutes</div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">2</div>
                                            <div style="display: block;" class="bottom">2</div>
                                        </div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">6</div>
                                            <div style="display: block;" class="bottom">6</div>
                                        </div>
                                    </div>
                                    <div class="cutechurch-dash cutechurch-seconds_dash">
                                        <div class="cutechurch-dash_title">seconds</div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">2</div>
                                            <div style="display: block;" class="bottom">2</div>
                                        </div>
                                        <div class="cutechurch-digit">
                                            <div style="display: none;" class="top">7</div>
                                            <div style="display: block;" class="bottom">7</div>
                                        </div>
                                    </div>
                                </div>
                                <div id="countdowntimer-2-bothtml" class="cutechurch-bothtml"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
<div class="tm-top-b-box tm-light-bg">
    <div class="uk-container uk-container-center">
        <section class="tm-top-b uk-grid tm-xlarge-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin="">
            <div class="uk-width-1-1">
                <div class="uk-panel CuteEvents">
                    <div class="tm-widget-top-text">
                        <h1 class="tm-title tcenter">
                            <span class="border">Events</span>
                        </h1>
						In sollicitudin, ipsum nec auctor malesuada, elit turpis fermentum odio, ac vestibulum dui risus non elit. Quisque varius ex arcu, vitae rhoncus justo lacinia ac. Nunc eu bibendum mauris, et tincidunt ex. Duis non aliquam nibh.
                    </div>
                    <div class="uk-grid uk-grid-collapse">
                        <ul class="tm-category-posts-block">
                            {% for videos in video|slice(0, 4) %}
                            <li class="uk-width-small-1-1 uk-width-medium-1-2 tribe-events-list-widget-events hentry vevent type-tribe_events post-857 tribe-clearfix">
                                <div class="tribe-events-event-image">
                                    <a href="{{ path('video_detail', {'id': videos.id}) }}">
                                        <img src="//img.youtube.com/vi/{{ videos.summary[32 :] }}/0.jpg" class="attachment-thumbnail wp-post-image" alt="EVENTS" height="330" width="198">
                                    </a>
                                </div>
                                <div class="post-date">
                                    <div class="day">
                                        <span>14</span>
                                        <p>Jun</p>
                                    </div>
                                    <div class="time">
                                        <p>Pasteur</p>
                                        <p class="tm-event-venue">{{ videos.author.fullname }}</p>
                                    </div>
                                </div>
                                <div style="padding: 20px;">
                                    <h3 class="uk-panel-header">
                                       <a href="{{ path('video_detail', {'id': videos.id}) }}">{{ videos.title }}</a>
                                    </h3>
                					Praesent lobortis, tellus vel placerat iaculis, neque leo tempus nisi, vitae gravida mi elit gravida…                                
                                    
                                </div>
                            </li>
                            {% endfor %}
                        </ul>
                    </div>
                	<a href="{{ path('allvideo') }}"  rel="bookmark" class="tm-event-widget-button">All Video</a>
                </div>
            </div>
        </section>
    </div>
</div>
<section class="uk-grid-collapse tm-top-d uk-grid tm-none-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin="">
            <div class="uk-width-1-1 uk-width-large-1-2">
                <div style="min-height: 210px;" class="uk-panel CuteBibleText">
                    <div style="" data-uk-slideset="{default: 1}" class="tm-bible-slideset">
                        <div class="slider-bible">
                            <ul class="uk-grid uk-slideset uk-grid-width-1-1">
                                <li style="" class="uk-push-2-5 uk-grid-width-small-1-1 uk-width-medium-3-5  uk-width-large-3-5 uk-active">
                                    <div class="uk-text-center text-shadow">They all ate and were satisfied. And they picked up twelve wicker baskets full of fragments and what was left…</div>
                                    <div class="tm-text-center">
                                        <a href="#" class="uk-slidenav uk-slidenav-previous" data-uk-slideset-item="previous"></a>
                                        <h3 class="uk-panel-header uk-text-center">
                                            <a href="#">Mk 6:42-43</a>
                                        </h3>
                                        <a href="#" class="uk-slidenav uk-slidenav-next" data-uk-slideset-item="next"></a>
                                    </div>
                                </li>
                                <li style="display: none;" class="uk-push-2-5 uk-grid-width-small-1-1 uk-width-medium-3-5  uk-width-large-3-5">
                                    <div class="uk-text-center text-shadow">Then, taking the five loaves and the two fish and looking up to heaven, he said the blessing, broke the…</div>
                                    <div class="tm-text-center">
                                        <a href="#" class="uk-slidenav uk-slidenav-previous" data-uk-slideset-item="previous"></a>
                                        <h3 class="uk-panel-header uk-text-center">
                                            <a href="#">Mark 6:41a</a>
                                        </h3>
                                        <a href="#" class="uk-slidenav uk-slidenav-next" data-uk-slideset-item="next"></a>
                                    </div>
                                </li>
                                <li style="display: none;" class="uk-push-2-5 uk-grid-width-small-1-1 uk-width-medium-3-5  uk-width-large-3-5">
                                    <div class="uk-text-center text-shadow">If anyone destroys God’s temple, God will destroy that person. For God’s temple is holy, and you are that temple.</div>
                                    <div class="tm-text-center">
                                        <a href="#" class="uk-slidenav uk-slidenav-previous" data-uk-slideset-item="previous"></a>
                                        <h3 class="uk-panel-header uk-text-center">
                                            <a href="#">1Cor 3:17</a>
                                        </h3>
                                        <a href="#" class="uk-slidenav uk-slidenav-next" data-uk-slideset-item="next"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="uk-width-1-1 uk-width-large-1-2">
                <div style="min-height: 210px;" class="uk-panel wptt_TwitterTweets">
                    <ul style="height: 172px; overflow: hidden;" class="fetched_tweets">
                        <li style="margin-top: 0px;" class="tweets_avatar">
                            <div class="tweet_wrap">
                                <div class="wdtf-user-card ltr">
                                    <div class="clear"></div>
                                </div>
                                <div class="tweet_data">
                                    RT
                                    <a href="http://twitter.com/Scripture_Truth" target="_blank" rel="nofollow">@Scripture_Truth</a>: Consider it pure joy, whenever u face trials of many kinds, because u know that the testing of your faith develops perseverance.
                                    -Jame 1:2
                                </div>
                                
                                <div class="clear"></div>
                                <div class="times">
                                    <em>
                                    <a href="http://www.twitter.com/SET_g47" target="_blank" title="Follow SET on Twitter [Opens new window]">4 months ago</a>
                                </em>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="margin-top: 0px;" class="tweets_avatar">
                            <div class="tweet_wrap">
                                <div class="wdtf-user-card ltr">
                                    <div class="clear"></div>
                                </div>
                                <div class="tweet_data">
                                    RT
                                    <a href="http://twitter.com/BibleIsGodsWord" target="_blank" rel="nofollow">@BibleIsGodsWord</a>: Luke 21:33 - Heaven and earth will pass away, but my words will not pass away.
                                </div>
                                <br>
                                <div class="clear"></div>
                                <div class="times">
                                    <em>
                                    <a href="http://www.twitter.com/SET_g47" target="_blank" title="Follow SET on Twitter [Opens new window]">4 months ago</a>
                                </em>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li style="margin-top: 0px;" class="tweets_avatar">
                            <div class="tweet_wrap">
                                <div class="wdtf-user-card ltr">
                                    <div class="clear"></div>
                                </div>
                                <div class="tweet_data">
                                    RT
                                    <a href="http://twitter.com/BibleIsGodsWord" target="_blank" rel="nofollow">@BibleIsGodsWord</a>: Matt. 8:8 - “Lord, I am not worthy to have you enter under my roof; only say the word and my servant will be healed."
                                    <a href="http://t.co/uqfknirNPw" target="_blank" rel="nofollow">http://t.co/uqfknirNPw</a>
                                </div>
                                <br>
                                <div class="clear"></div>
                                <div class="times">
                                    <em>
                                    <a href="http://www.twitter.com/SET_g47" target="_blank" title="Follow SET on Twitter [Opens new window]">4 months ago</a>
                                </em>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </li>
                    </ul>

                </div>
            </div>
        </section>



<div class="tm-bottom-c-box tm-light-bg">
    <div class="uk-container uk-container-center">
        <section class="tm-bottom-c uk-grid tm-large-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin="">
            <div class="uk-width-1-1">
                <div class="uk-panel CuteTestimonials">
                    <div class="tm-widget-top-text">
                        <h1 class="tm-title tcenter">
                            <span class="border">Testimonials</span>
                        </h1>
						In sollicitudin, ipsum nec auctor malesuada, elit turpis fermentum odio, ac vestibulum dui risus non elit. Quisque varius ex arcu, vitae rhoncus justo lacinia ac. Nunc eu bibendum mauris, et tincidunt ex. Duis non aliquam nibh.
                    </div>
                    <div data-uk-slideset="{small: 1, medium: 2, large: 2}" class="tm-slideset">
                        <div class="uk-slidenav-position">
                            <ul class="uk-grid uk-slideset uk-grid-width-1-1 uk-grid-width-large-1-2 uk-grid-width-medium-1-2 uk-grid-width-small-1-1">
                                
                                {% for user in users %}
                                <li class="uk-active" style="">
                                    <div class="uk-panel">
                                        <p>
                                            <span class="circle-border">
                                                <img src="{{ asset('build/images/'~ user.picture) }}" class="attachment-thumbnail wp-post-image" alt="img_testim_001" height="164" width="164">
                                            </span>
                                        </p>
                                        <h3 class="uk-panel-header">
                                            <span class="brackets">
                                                <a href="our-pastors.html">{{ user.fullName }}  {{ user.username }}</a>
                                            </span>
                                        </h3>
                                        <div class="tm-text-center">Nunc finibus laoreet elit. Suspendisse scelerisque, lorem at lacinia tempus, magna augue pulvinar massa, at…</div>
                                    </div>
                                </li>
                                {% endfor %}
                            </ul>
                            <a href="" data-uk-slideset-item="previous" class="tm-slideset-previous"></a>
                            <a href="" data-uk-slideset-item="next" class="tm-slideset-next"></a>
                        </div>
                        <a href="{{ path('listuser') }}" title="Testimonials" class="tm-button-center">All Pateur</a>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<section class="tm-bottom-a uk-grid tm-none-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin="">
            <div class="uk-width-1-1">
                <div class="uk-panel CuteLocation">
                    <div class="">
                        <div class="uk-panel tm-location-widget" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: true}">
                            <div class="uk-grid tm-location-box uk-grid-collapse">
                                <div class="uk-width-small-1-1 uk-width-medium-1-2  tm-location-infoblock">
                                    <h3 class="tm-location-title">
                                        <a href="#">Bethlehem Church</a>
                                    </h3>
                                    <div class="tm-location-info">
                                        <p>
                                            <i class="uk-icon-map-marker"></i>1800 Grand Ave, San Diego, CA 92109
                                        </p>
                                        <p>
                                            <i class="uk-icon-phone"></i>(619) 555-9740
                                        </p>
                                        <p>
                                            <i class="uk-icon-envelope">&nbsp;</i>
                                            <a href="mailto:cutechurch@church.com">cutechurch@church.com</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="uk-width-small-1-1 uk-width-medium-1-2 ">
                                    <a href="#" class="">
										
                                        <img src="{{ asset('build/images/images/gall-img-016.jpg') }}" class="attachment-full wp-post-image" alt="gall-img-016" height="1570" width="2000">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="uk-panel tm-location-widget" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">
                            <div class="uk-grid tm-location-box uk-grid-collapse">
                                <div class="uk-width-small-1-1 uk-width-medium-1-2 uk-push-1-2  tm-location-infoblock">
                                    <h3 class="tm-location-title">
                                        <a href="#">Church of Jesus Christ</a>
                                    </h3>
                                    <div class="tm-location-info">
                                        <p>
                                            <i class="uk-icon-map-marker"></i>1800 Grand Ave, San Diego, CA 92109
                                        </p>
                                        <p>
                                            <i class="uk-icon-phone"></i>(619) 555-9740
                                        </p>
                                        <p>
                                            <i class="uk-icon-envelope">&nbsp;</i>
                                            <a href="mailto:cutechurch@church.com">cutechurch@church.com</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="uk-width-small-1-1 uk-width-medium-1-2 uk-pull-1-2 ">
                                    <a href="#" class="">
									
                                        <img src="{{ asset('build/images/images/gall-img-0022.jpg') }}"class="attachment-full wp-post-image" alt="gall-img-002" height="1340" width="2000">
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </section>
 <div class="tm-bottom-d-box tm-dark-bg">
        <section class="tm-bottom-d uk-grid tm-none-padding" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin>
            <div class="uk-width-1-1">
                <div class="uk-panel CutePartners">
                    <div data-uk-slider="{center:true}">
                        <div class="uk-slider-container">
                            <div class="uk-slider">
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-002_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-002_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-003_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-003_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-001_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-001_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-004_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-004_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-005_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-005_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-006_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-006_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-007_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-007_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-008_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-008_01" />
                                <img width="227" height="160" src="{{ asset('build/images/images/partner-009_01.png') }}" class="attachment-post-thumbnail wp-post-image" alt="partner-009_01" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
	</br>
{% endblock %}



{% block javascripts %}
<script src="{{ asset('build/assets/js/components/slideset.js') }}"></script>
<script  src="{{ asset('build/assets/js/jquery.js') }}"></script>
<script  src="{{ asset('build/assets/js/uikit.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/slider.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/slideset.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/slideshow.js') }}"></script>
<script src="{{ asset('build/assets/js/components/slideshow-fx.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/sticky.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/lightbox.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/accordion.js') }}"></script>
<script  src="{{ asset('build/assets/js/countdown.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/grid.js') }}"></script>
<script  src="{{ asset('build/assets/js/components/sortable.js') }}"></script>
<script  src="{{ asset('build/assets/js/custom.js') }}"></script>

<script>
function webClock() {
	// Time base
	const utc = new Date().getTime();
	let offset = 36E5;
	const standard = new Date(utc + offset);
	const h = standard.getUTCHours();
	const mn = standard.getUTCMinutes();
	const s = standard.getUTCSeconds();

	// Always display 2 digits
	function twoDigit(i) {
		if (i < 10) { i = `0${i}` }
		return i;
	}
	const h00 = twoDigit(h);
	const mn00 = twoDigit(mn);
	const s00 = twoDigit(s);

	// Clock display
	document.querySelector('#clock').innerHTML = `${h00}:${mn00}:${s00}`;
    
}

// Timer
setInterval(webClock, 1000);
</script>
        {% endblock %}