''

var event_details = JSON.parse(`{"event_id":"3087","tag":"3087","name":"\\u05d0\\u05d3\\u05d9","time":"2021-08-30 20:00:0.000","title":"\\u05d4\\u05d9\\u05dc\\u05d5\\u05dc\\u05ea \\u05e8\\u05d1\\u05d9\\u05e0\\u05d5 \\u05d4\\u05e7\\u05d3\\u05d5\\u05e9 \\u05e8\\u05d1\\u05d9 \\u05d9\\u05d4\\u05d5\\u05d3\\u05d4 \\u05d6\\u05d0\\u05d1 \\u05dc\\u05d9\\u05d1\\u05d5\\u05d1\\u05d9\\u05e5 \\u05d6\\u05d9\\u05e2\\"\\u05d0\\n\\u05d0\\u05d5\\u05dc\\u05de\\u05d9 \\u05db\\u05ea\\u05e8 \\u05d4\\u05e8\\u05d9\\u05de\\u05d5\\u05df \\u05d1\\u05d1\\u05e0\\u05d9 \\u05d1\\u05e8\\u05e7","poster":"\\/events\\/posters\\/WhatsApp Image 2021-08-29 at 19.40.29612bd7ca095b6.jpeg","source":"https:\\/\\/vimeo.com\\/594313384","status":"recorded","countdown":"t","vimeo_url":"https:\\/\\/vimeo.com\\/event\\/1241641\\/embed","guest_list":"no","broadcasting":"f","backup_player":"no","deny_filtered":"f","backup_player_url":"https:\\/\\/ad110f8d013e.us-east-1.playback.live-video.net\\/api\\/video\\/v1\\/us-east-1.026666299757.channel.Tr8XEPbPEscw.m3u8","zoom_instructions":"f","recorded_need_password":"f","show_playback_download":"f","gdate":{"date":"8\\/30\\/2021","month":8,"day":30,"year":2021,"dow":1,"abbrevdayname":"Mon","dayname":"Monday","abbrevmonth":"Aug","monthname":"August"},"hebdate":{"day":"\\u05db\\u05d1","month":"\\u05d0\\u05dc\\u05d5\\u05dc","year":"\\u05ea\\u05e9\\u05e4\\u05d0","dow":"\\u05d9\\u05d5\\u05dd \\u05e9\\u05e0\\u05d9"}}`);
var videojsPlayer;
var lang = null ?? event_details['lang'] ?? 'heb';

function set_event_details(){
    const event_date = new Date(event_details['time']);

    document.getElementById('event-title').innerHTML = event_details['title']?.replaceAll?.(/\n/g, '<br>') ?? '';
    document.getElementById('event-subtitle').innerHTML = event_details['secondary-title']?.replaceAll?.(/\n/g, '<br>') ?? '';
    document.getElementById('event-h-date').innerHTML = `${event_details['hebdate']['day']} ${event_details['hebdate']['month']}<span>${event_details['hebdate']['year']}</span>`;
    let begin_time;
    if (lang == 'en'){
        document.getElementById('event-g-date').innerHTML = `${event_details['gdate']['month']}/${event_details['gdate']['day']}<span>${event_details['gdate']['year']}</span>`;
        document.getElementById('event-day').innerHTML = `${event_details.gdate.abbrevdayname}`;
        document.getElementById('event-g-date').after(document.getElementById('event-h-date'));
        begin_time = 'Live broadcasting will begin at'
    } else { 
        document.getElementById('event-g-date').innerHTML = `${event_details['gdate']['day']}/${event_details['gdate']['month']}<span>${event_details['gdate']['year']}</span>`;
        document.getElementById('event-day').innerHTML = `${event_details.hebdate.dow}`;
        document.getElementById('event-g-date').before(document.getElementById('event-h-date'));
        begin_time = 'השידור יתחיל בשעה'
    }
    if (event_details.status == 'live'){
        document.getElementById('event-time').textContent = `${begin_time} ${event_date.getHours().toString().padStart(2, '0')}:${event_date.getMinutes().toString().padStart(2, '0')}`;
        if (event_details['dial_for_listening'] == 'f'){
            document.querySelector('.listening-broadcast-btn')?.remove?.();
        }
    } else {
        document.getElementById('event-time')?.remove?.();
        Array.from(document.querySelectorAll('.button-after-player')).forEach(el => el.remove());
        if(event_details['show_playback_download'] == 't'){
            let dbn = downloadButtonNode.cloneNode(true);
            document.querySelector('.buttons-after-player-wrapper').appendChild(dbn);
            dbn.addEventListener('click', ()=>download(event_details['source']));    
        }
    }
    document.querySelector('.text-about-event').innerHTML = event_details['footer']?.replaceAll?.(/\n/g, '<br>') ?? '';
    document.querySelector('.refresh-btn')?.addEventListener('click', () => location.reload());
    document.querySelector('.event-ad').src = event_details['poster'];
    document.getElementById('event-logo-img').src = event_details['logo'];

    // set event links:
    let event_link_wrapper = document.getElementById('event-links-wrapper');
    let event_link_btns = document.querySelectorAll('.event-link-btn');
    let event_link_btn = event_link_btns[0];
    Array.from(event_link_btns).forEach(el => el.remove());
    [...Array(3).keys()].forEach(i => {
        let event_link_title = event_details[`event_link_title_${i+1}`];
        let event_link_link = event_details[`event_link_link_${i+1}`];
        if (event_link_title){
            let new_elb = event_link_btn.cloneNode(true);
            new_elb.href = event_link_link;
            new_elb.querySelector('span').innerHTML = event_link_title.replace(/\*(.*?)\*/g, "<b>$1</b>");;
            document.getElementById('event-links-wrapper').appendChild(new_elb);    
        }
    })
}

class VideoBox {
    players = [];
    c_player;
    constructor(el ,players, zoom=false){
        this.element = el;
        this.videoBox = this.element.querySelector('.video-player-box');
        // this.btnBox = this.element.querySelector('.buttons-before-player-wrapper');
        // this.btnBox.innerHTML = '';
        players.forEach(p => this.add_player(p));
        if (zoom){
            this.add_zoom_player(new Player('נגן זום', '', 'zoom'));
        }

        this.current_player = players[0];
    }

    get current_player(){ 
        return this.c_player;
    }
    set current_player(player){
        $(this.videoBox).html(player.element);
        // this.players.forEach(p => p.button.classList.remove('active'))
        // player.button.classList.add('active');
    }

    add_player(player){
        this.players.push(player);
        if (player.button){
            this.btnBox.appendChild(player.button);
        }
        
        player.box = this;
    }

    add_zoom_player(player){
        this.add_player(player);
        let open_zoom_btn = openZoomButtonNode.cloneNode(true);
        open_zoom_btn.addEventListener('click', ()=>window.open(`https://us04web.zoom.us/j/${event_details.zoom_meeting_id?.replaceAll(' ', '')}?pwd=event_details.zoom_passcode`, '_blank'))
        this.btnBox.appendChild(open_zoom_btn)
    }
}


class Player{
    
    static create_button(name, type){
        let button = type == 'zoom'? zoomButtonNode.cloneNode(true) : playerButtonNode.cloneNode(true);
        button.getElementsByTagName('span')[0].innerHTML = name;
        return button;
    }

    static create_vimeo_el(url){
        let el = $(`<iframe id=vimeo-iframe class='vimeo' src="${url}" frameborder="0" allow="autoplay; fullscreen" allowfullscreen "></iframe>`)[0];
        el.width = el.height = '100%';
        return el;    
    }

    static create_videojs_el(url, type){
        url = new URL(url);
        if (url.hostname === 'www.dropbox.com'){
            url.hostname = 'dl.dropbox.com';
            //url.search = '';
        }
        let el = $(`<div id="videojs-element" style="width: 100%; height:100%;">
                                <video
                                id="video1"
                                style="width: 100%; height: 100%; padding: 0px"
                                class="videojs video-js vjs-default-skin vjs-big-play-centered hide"
                                controls
                                width="640"
                                    height="360"
                                preload="auto"
                                poster="${event_details['poster']}"
                                data-setup=''
                            >
                                    <source id="videojs-src" src="${url.href}" type="${type}"/>
                                    <p class="vjs-no-js">
                                        To view this video please enable JavaScript, and consider upgrading to a
                                        web browser that
                                        <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                                    </p>
                                </video>
                        </div>`)[0];
            
            el.width = el.height = '100%';
            videojs(el).src(url);
            return el;
    }

    static create_zoom_el() {
        let el = $(`<iframe id="zoom-iframe" 
                        sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                        src="./main/zoom.php?meetingId=${event_details.zoom_meeting_id?.replaceAll(' ', '')}&passcode=${event_details.zoom_passcode}" 
                        frameborder="0" 
                        allow="autoplay; fullscreen" 
                        allowfullscreen>
                    </iframe>`)[0];
        el.width = el.height = '100%';
        return el;
    }



    constructor(name, url, type){
        this.name = name;
        this.url = url;
        this.type = type;
        // this.button = Player.create_button(this.name, type);
        if (type){
            switch (type) {
                case 'vimeo': this.element = Player.create_vimeo_el(url); break;
                case 'videojs': this.element = Player.create_videojs_el(url, "video/mp4"); break;
                case 'amazon' : this.element = Player.create_videojs_el(url, "application/x-mpegURL"); break;
                case 'zoom': this.element = Player.create_zoom_el(); break;
            }
            // this.button.addEventListener('click', ()=>this.box.current_player = this);
        }
        
    }
}

class Modal{
    constructor(content, close='.close-popup') {
        this.element = document.createElement('div');
        this.element.style.cssText = "position: fixed; top:0; left:0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; z-index:100;"
        this.content = content;
        document.body.appendChild(this.element);
        this.element.appendChild(this.content);
        let self = this;
        if (close != false){
            this.element.onclick = function(event){
                if (event.target == this){
                    self.hide();
                }
            };
            content.querySelectorAll(close).forEach(el => el.addEventListener("click", () => this.hide()))
        }
        
    }
    show(){
        this.element.style.display = 'flex';
    }
    hide(){
        this.element.style.display = 'none';
    }
}


function get_players(before=false){
    let players = []
    if (event_details['vimeo_url']){
        players.push(new Player(event_details['vimeo_name'] ?? 'נגן ראשי', event_details['vimeo_url'], !before ?  'vimeo' : ''));
    }
    // if (event_details['backup_player'] != 'no'){

    //     players.push(new Player(event_details['backup_name'] ?? 'נגן גיבוי', 
    //                             event_details[`backup_${event_details['backup_player']}_player_url`] ?? event_details[`backup_player_url`], 
    //                             !before ? event_details['backup_player'] : '' ));
    // }
    return players;
}

function get_counter_el(){ 
    let el = $(`<div id="waittoevent" date="${event_details['time']}"></div>`)[0];
    el.width = el.height = '100%';
    return el;
}

function get_before_poster(){ 
    return $(`<div id="before-poster-cont"><img id="before-poster" src="${event_details['before_poster']}"/></div>`)[0];
}

function get_before_message(){ 
    return $(`<div id="before-message-cont"><div id="before-messege">
    האירוע עדיין לא החל
    <br>
    This event has not started yet
    </div></div>`)[0];
}

function get_before_el(){ 
    switch (event_details['before']){
        case 'countdown': return get_counter_el();
        case 'message': return get_before_message();
        case 'poster': return get_before_poster();
    }
}

function set_video_box(){
    
    const video_wrapper = document.querySelector('.video-player-wrapper');
    if (event_details['status'] == 'live'){ 
        if (event_details['broadcasting'] != 'f' || new Date() > new Date(event_details['time'])){
            let players = get_players();
            if (players.length){
                videoBox = new VideoBox(video_wrapper, get_players(), event_details.zoom_meeting_id);
            }
        } else {
            let before_el = get_before_el();
            let vp_box = video_wrapper.querySelector('.video-player-box');
            vp_box.parentNode.replaceChild(before_el, vp_box);
            setInterval(() =>{
                if (new Date() > new Date(event_details['time'])){
                    location.reload();
                }
            }, 1000);
            let players = get_players();
            if (players.length){
                videoBox = new VideoBox(video_wrapper, get_players(before=true), event_details.zoom_meeting_id);
            }
        }
    } else if (event_details['status'] == 'recorded'){
        let player_type = (event_details['source'].startsWith("https://player.vimeo.com/") || event_details['source'].startsWith("https://vimeo.com/")) ? 
                        'vimeo' : 'videojs';
        if (event_details['source']){
            videoBox = new VideoBox(video_wrapper, 
                [new Player('<span class="lang-heb">שידור חוזר</span><span class="lang-en">Playback</span>', 
                event_details['source'], player_type)], false);    
        }
    }
    
}

function unfeature(){
    document.querySelector('.r-nav').style.visibility = 'hidden';
    document.querySelector('.video-views-number').remove();
    document.getElementById('write-greetings-and-more-broadcasts-wrapper').remove();
    document.querySelector('.fixed-write-greeting-btn-wrapper').remove();
    document.querySelectorAll('.body-wrapper')[1].remove();

}

function set_language(l){
    
    lang = l;
    
    // $('#language-toggle').prop('checked', lang == 'heb');
    // let dirs = {en:'ltr', heb:'rtl'};
    // let dir = dirs[lang];

    // $('html').attr('lang', lang);
    // $('body').css('direction', dir);
    // set_event_details();
    
$('#language-toggle').prop('checked', lang == 'heb');
    let dirs = {en:'ltr', heb:'rtl'};
    // let dir = dirs[lang];

    $('html').attr('lang', lang);
    $('body').removeClass('lang-heb').removeClass('lang-en').addClass(`lang-${lang}`);
    
    set_event_details();

}

function download(url) {
    url = new URL(url);
    if (url.hostname === 'www.dropbox.com'){
        url.hostname = 'dl.dropbox.com';
        url.search = '&dl=1';
    }

    const a = document.createElement('a')
    a.href = url
    a.download = url.pathname.split('/').pop()
    document.body.appendChild(a)
    a.click()
    document.body.removeChild(a)
  }


var playerButtonNode, playerButtonBox, zoomButtonNode, openZoomButtonNode, videoBox, downloadButtonNode;
var techSuppModal;

$(function() {
    // techSuppModal = new Modal(document.getElementById('technical-support'));
    // listeningBroadcastModal = new Modal(document.getElementById('listening-broadcast'));
    
    // downloadButtonNode = document.getElementById('download-btn').cloneNode(true);
    // set_language(lang);
    // // set_event_details();

    // document.querySelector('.chat-button').remove();

    // playerButtonNode = document.querySelector('.main-player-btn')?.cloneNode(true);
    // zoomButtonNode = document.querySelector('.zoom-player-btn')?.cloneNode(true);
    // openZoomButtonNode = document.querySelector('.open-zoom-app-btn')?.cloneNode(true);
    
    set_video_box();
    // videoBox = new VideoBox(document.querySelector('.video-player-wrapper'), get_players(), event_details.zoom_meeting_id);
    // videojs('video1').ready(function(){throw new Error});
    
    // var broadcast_popups = document.querySelectorAll('.broadcast-popup');
    // var tech_help_popup = broadcast_popups[broadcast_popups.length - 1];
    
    // playerButtonBox = document.querySelector('.buttons-before-player-wrapper');
    
    // $('#technical-support .solutions-panel').on('click', function(){
    //     techSuppModal.content.querySelectorAll('.solutions-panel').forEach(el => {if (el != this) el.classList.remove('active')});
    //     this.classList.toggle('active');
    // })
    
    // $('.technical-support-btn').on('click', function() {
    //     // techSuppModal.content.querySelector('#broadcast-support-form').classList.remove('active');
    //     techSuppModal.content.querySelectorAll('.solutions-panel').forEach(el => el.classList.remove('active'));
    //     techSuppModal.show();
    // })

    // $('.listening-broadcast-btn').on('click', function() {
    //     listeningBroadcastModal.show();
    // })

    // $('#language-toggle').on('input', function() {
    //     let lang = this.checked ? 'heb' : 'en';
    //     set_language(lang);
    // })

    // $('#broadcast-support-mail').on('click', function() {
    //     techSuppModal.content.querySelectorAll('.solutions-panel').forEach(el => {el.classList.remove('active')});
    //     techSuppModal.content.querySelector('#broadcast-support-form').classList.add('active');
    // })

    // unfeature();

    document.getElementById('body-scroll').style.display = 'unset';
    
    
    
})