include_once "analytics.js";?>
 require_once('private/init.php');

$user = Session::get_session(new User());
$logged_in = !empty($user);



require("common/php/php-head.php"); ?>

<main>

    <div class="slider mt-50 inactive" >
        <div class="container">

            <div class="pb-50 border-b pos-relative">
                
                <div class="swiper-nav">
                    <a href="#" class="next-btn" id="swiper-button-next"><i class="ion-ios-arrow-thin-right"></i></a>
                    <a href="#" class="prev-btn" id="swiper-button-prev"><i class="ion-ios-arrow-thin-left"></i></a>
                </div>
                
                <div class="swiper-container" id="featured-album">
                    <div class="swiper-wrapper">

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

        </div><!--container-->
    </div><!--slider-->

    
    <section class="section inactive">
        <div class="container">
            <div class="pb-20 border-b">
                <div class="oflow-hidden mb-20">
                    <h4 class="float-l mb-10">Nouveaux sons</h4>
                    <a data-page="tracks" data-title="Track" href="track.php" class="not-load link mb-10 float-r"><b>Voir Plus</b></a>
                </div>
                <div id="slider-tracks" class="pos-relative"></div>
            </div><!--pb-50 border-b-->
        </div><!--container-->
    </section>


    <section class="section inactive">
        <div class="container">
            <div class="pb-20 border-b">
                <div class="oflow-hidden mb-20">
                    <h4 class="float-l mb-10">Albums recents</h4>
                    <a data-page="album" data-title="Album" href="album.php" class="not-load link mb-10 float-r"><b>Voir Plus</b></a>
                </div>
                <div id="recent-albums" class="row"></div>
            </div><!--pb-20 border-b-->
        </div><!--container-->
    </section>


    <section class="section inactive">
        <div class="container">
            <div class="pb-20 border-b">
                <div class="oflow-hidden mb-20">
                    <h4 class="float-l mb-10">Top Artistes</h4>
                    <a data-page="artist" data-title="Album" href="artist.php" class="not-load link mb-10 float-r"><b>Voir Plus</b></a>
                </div>
                <div id="popular-artists" class="row"></div>
            </div><!--pb-20 border-b-->
        </div><!--container-->
    </section>

    <section class="section inactive">
        <div class="container">
            <div class="pb-20 border-b">
                <div class="oflow-hidden mb-20">
                    <h4 class="float-l mb-10">Playlists similaires</h4>
                    <!--<a data-page="playlist" data-title="Playlist" href="playlist.php" class="not-load link mb-10 float-r"><b>View All</b></a>-->
                </div>
                <div id="featured-playlists" class="row"></div>
            </div><!--pb-20 border-b-->
        </div><!--container-->
    </section>


    <section class="section inactive">
        <div class="container">
            <div class="pb-20">
                <div class="oflow-hidden mb-20">
                    <h4 class="float-l mb-10">Top Playlists</h4>
                </div>
                <div id="popular-playlists" class="row"></div>
            </div><!--pb-20 border-b-->
        </div><!--container-->

    </section>


    <script>currentAction = 'MAIN_ACTION'</script>
    <script>var paginationElem = '#popular-playlists',
            pagination = 1,
            featuredPage = pagination,
            reachAtTheEnd = false;
    </script>
</main>



<section class="tags-section pt-50">

    <div class="container">

        <div class="inactive">
            <h4 class="mb-15"><b>Tags</b></h4>
            <div class="mb-50 link-item" id="tags"></div>
        </div>

        <div class="inactive">
            <h4 class="mb-15"><b>Genres</b></h4>
            <div class="mb-50 link-item" id="genres"></div>
        </div>

    </div><!--container-->

</section>


<footer>
    <div class="container">
        <div class="row">

            <div class="col-sm-5">

                <a class="logo not-load" data-page="home" data-title="Accueil" href="index.php"><img src="images/logo_noir.png" alt=""></a>
                <p class="mt-15 mb-30">Source #1 de la musique congolaise.</p>

            </div><!--col-sm-4-->

            <div class="col-sm-3">

                <h4 class="mb-15"><b>liens utiles</b></h4>
                <ul class="mb-30">
                    <li><a data-page="about-us" data-title="About Us" class="not-load" href="about-us.php">A propos de nous</a></li>
                    <li><a data-page="privacy-policy" data-title="Privacy Policy" class="not-load" href="privacy-policy.php">politique de confidentialité</a></li>
                    <li><a data-page="terms-conditions.php" data-title="terms-conditions.php" class="not-load" href="terms-conditions.php">Termes & Conditions</a></li>
                </ul>

            </div><!--col-sm-4-->

            <div class="col-sm-4">

                <h4 class="mb-15"><b>Contacts</b></h4>

                <h5 class="mb-10"><a href="mailto:redaction@wangomusik.com">redaction@wangomusik.com</a></h5>
                <h5 class="mb-15"><a href="tel:+243995566822">+243900085408</a></h5>

                <ul class="social-icons mb-30">
                    <li><a href="https://facebook.com/wangomusik/"><i class="ion-social-facebook"></i></a></li>
                    <li><a href="https://twitter.com/wangomusik/"><i class="ion-social-twitter"></i></a></li>
                    <li><a href="https://instagram.com/wangomusik/"><i class="ion-social-instagram"></i></a></li>
                </ul>

            </div><!--col-sm-4-->

        </div><!--row-->

        <p class="copyright">Copyright © 2020 Wangomusik Ltd.</p>

    </div><!--container-->

</footer>



<div class="playlist-popup" id="my-playlist">

</div>

<script>serverUrl = 'SERVER_URL'</script><script>uploadedFloder = 'ADMIN_IMAGE_LINK'</script><script>isLoggedIn = ''</script><script>loggedInUserID = '0'</script><script>currentAPI = 'MAIN_API'</script><script>songDownloadAction  = 'SONG_DOWNLOAD_ACTION'</script><script>SongDetailAction = 'SONG_DETAIL_ACTION'</script><script>playlistByUserAction = 'PLAYLIST_BY_USER_ACTION'</script><script>createPlaylistAction = 'CREATE_PLAYLIST_ACTION'</script><script>deletePlaylistAction = 'DELETE_PLAYLIST_ACTION'</script><script>addToPlaylistAction = 'ADD_TO_PLAYLIST_ACTION'</script><script>removeFromPlaylistAction = 'REMOVE_FROM_PLAYLIST_ACTION'</script><script>addToFavouriteAction = 'ADD_TO_FAVOURITE_ACTION'</script><script>removeFavouriteAction = 'REMOVE_FAVOURITE_ACTION'</script><script>trackDetailAction = 'TRACK_DETAIL_ACTION'</script>
<script>savePlaylistAction = 'SAVE_PLAYLIST_ACTION'</script><script>unSavePlaylistAction = 'UN_SAVE_PLAYLIST_ACTION'</script>
<script>deafultPlaylistImage = 'DEFAULT_PLAYLIST_IMAGE'</script><script>defaultImage = 'BEFORE_LOAD_IMAGE'</script><script>maxUploadedFile = 'MAX_IMAGE_SIZE'</script>
<script>searchDataAction = 'SEARCHED_TERMS_ACTION'</script><script>downloadAction = 'DOWNLOAD_ACTION'</script><script>downloadLinkActiveTiming = 'DOWNLOAD_LINK_ACTIVE_TIMING'</script>

<script>registrationMessage = 'REGISTRATION_MESSAGE'</script><script>nothingFound = 'NOTHING_FOUND'</script><script>cantBeEmpty = 'CANT_BE_EMPTY'</script>
<script>downloadActiveTimeMessage = 'DOWNLOAD_ACTIVE_TIME_MESSAGE'</script><script>noPlaylistMessage = 'NO_PLAYLIST_MESSAGE'</script>
<script>somethingWentWrongMessage = 'SOMETHING_WENT_WRONG_MESSAGE'</script><script>requiredMessage = 'REQUIRED_MESSAGE'</script><script>invalidEmailMEessage = 'INVALID_EMAIL_MESSAGE'</script><script>minPassLength = 'MIN_PASSWORD_LENGTH'</script><script>minPassMessage = 'MIN_PASSWORD_MESSAGE'</script><script>radionRequiredError = 'RADIO_REQUIRED_ERROR'</script><script>numericError = 'NUMERIC_ERROR'</script><script>shuffleOnMessage = 'SHUFFLE_ON_MESSAGE'</script><script>shuffleOffMessage = 'SHUFFLE_OFF_MESSAGE'</script><script>repeatOnMessage = 'REPEAT_ON_MESSAGE'</script><script>repeatOffMessage = 'REPEAT_OFF_MESSAGE'</script><script>imageMaxSizeMessage = 'IMAGE_MAX_SIZE_MESSAGE'</script><script>imageInvalidMessage = 'IMAGE_INVALID_MESSAGE'</script><script>invalidApiMessage = 'INVALID_API_MESSAGE'</script><script>increaseListeningCountAction = 'INCREASE_LISTENING_COUNT_ACTION'</script><script>trackTypeLink = 'TRACK_TYPE_YOUTUBE'</script><script>defaultTitle = 'DEFAULT_PAGE_TITLE'</script><script>domainName = 'DOMAIN_NAME'</script><script>defaultHeader = 'null'</script><script> defaultHeader = JSON.parse(defaultHeader); </script>


<script>

    var swiperSlider = null;

    var trackList = JSON.parse(localStorage.getItem("track_list"));
    if(trackList == null) trackList = [];

    var currentPlaying = JSON.parse(localStorage.getItem("current_playing"));
    if(currentPlaying == null) currentPlaying = null;

    var trackDetails = JSON.parse(localStorage.getItem("track_detail"));
    if(trackDetails == null) trackDetails = { currentPlayingTime: 0, isPlaying : false, };
    
</script>


<script src="plugin-frameworks/jquery-3.4.1.min.js"></script>
<script src="plugin-frameworks/jquery.history.js"></script>
<script src="plugin-frameworks/swiper.min.js"></script>
<script src="common/other/script.js"></script>



<script>

    /*MAIN SCRIPTS*/
    
    (function ($) {
        "use strict";
        
        loadHomePage(pagination);

        $(window).on('scroll', function(e){

            if(!reachAtTheEnd){
                if (($(paginationElem).offset().top + $(paginationElem).height()) < ($(window).scrollTop() + $(window).height())){
                    pagination++;

                    loadHomePage(pagination);
                    
                }
            }
        });

    })(jQuery);

</script>

</body>

</html>