@extends('layouts.front')
@section('extra_css')
    <link rel="stylesheet" href="{{ asset('assets/vendors/PgwSlideshow/pgwslideshow.min.css') }}">

    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/vendors/YouTube_PopUp/YouTube_PopUp-master/YouTubePopUp.css') }}" media="screen"/>
    <link rel="stylesheet" href="{{ asset('assets/vendors/owl-carousel/assets/owl.carousel.css') }}">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.8.0/jquery.modal.css">
    <style>
        .section-row img {
            background: url('');
            display: block;
        }

        .big-sticky img {
            max-height: 350px;
            width: 100%;
        }

        .uln, .uln:hover {
            text-decoration: none;
        }

        .icl {
            padding: 15px 10px 0px 0px;;
        }

        .pgwSlideshow .ps-current ul {
            padding-left: 0;
        }

        .LatestNewstab .tab-content {
            height: 277px;
            margin-top: 5px;
        }

        .survey .radio {
            background: aliceblue;
            padding: 2px 10px;
        }

        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px 6px;
            border-radius: 0 6px 6px 6px;
        }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #cccccc;
            margin-top: 5px;
        }

        .dropdown-submenu:hover > a:after {
            border-left-color: #555;
        }

        .dropdown-submenu.pull-left {
            float: none;
        }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }


    </style>
@endsection

@section('extra_js')
    <script>
        jQuery(document).ready(function () {
            setTimeout(function () {
                jQuery('.section-row img').each(function () {
                    var imagex = jQuery(this);
                    var imgOriginal = imagex.data('src');
                    jQuery(imagex).css('padding', 0);
                    jQuery(imagex).attr('src', imgOriginal);
                    jQuery(imagex).removeClass('placeholder');
                });
            }, 1000);
        });

        (function ($) {
            $(document).ready(function () {
                $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function (event) {
                    event.preventDefault();
                    event.stopPropagation();
                    $(this).parent().siblings().removeClass('open');
                    $(this).parent().toggleClass('open');
                });
            });
        })(jQuery);
    </script>
    <script src="{{ asset('assets/vendors/PgwSlideshow/pgwslideshow.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.8.0/jquery.modal.min.js" type="text/javascript"
            charset="utf-8"></script>


    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript"
            src="{{ asset('assets/vendors/YouTube_PopUp/YouTube_PopUp-master/YouTubePopUp.jquery.js') }}"></script>

    <script type="text/javascript" src="{{ asset('assets/vendors/owl-carousel/owl.carousel.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            $('.pgwSlideshow').pgwSlideshow();


            jQuery(function () {
                jQuery("a.bla-1").YouTubePopUp();
            });


            /* owl caousel */
            $('.owl-carousel').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                navText: ["", ""],
                rewindNav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 3
                    },
                    1000: {
                        items: 4
                    }
                }
            });

            $('#exclusive').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                navText: ["", ""],
                rewindNav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4
                    }
                }
            });
            $('#entertainment').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                navText: ["", ""],
                rewindNav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4
                    }
                }
            });
            /*======== homepage modal==========*/

            $('#popup-ad').modal({
                fadeDuration: 250,
                fadeDelay: 1.5

            });


        });


        $('#prayerTime').append(moment().format('Do MMMM  YYYY'))

    </script>
	
	<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	
@endsection

@section('main_content')
     
     <section class="section-row mt block-lead" style="padding-top: 85px;">
    <div class="container">
        <div class="row">
			<div class="col-md-6 mbottom-div">
			<div class="news-slider">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner" role="listbox">