``

function iOS() {
return [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'
].includes(navigator.platform)
// iPad on iOS 13 detection
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
}


function resizechatframe(iframe) {
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}

var event_details = JSON.parse(`{"event_id":"3179","tag":"3179","lang":"heb","logo":"\\/events\\/posters\\/\\u05e4\\u05e8\\u05d5\\u05e1\\u05e4\\u05e7\\u05d8 \\u05e1\\u05d9\\u05d5\\u05e8 \\u05d1\\u05d3\\u05e8\\u05d5\\u05dd \\u05dc\\u05de\\u05d9\\u05d9\\u05dc-1624a81813d69d.jpg","name":"\\u05d4\\u05dc\\u05db\\u05ea\\u05d0 \\u05e1\\u05d9\\u05d5\\u05e8 \\u05d1\\u05d2\\u05d1\\u05d5\\u05dc\\u05d5\\u05ea \\u05d4\\u05d0\\u05e8\\u05e5","time":"2022-04-28T10:00:00+03:00","title":"\\u05e1\\u05d9\\u05d5\\u05e8 \\u05de\\u05d9\\u05d5\\u05d7\\u05d3 \\u05d1\\u05d3\\u05e8\\u05d5\\u05dd \\u05d4\\u05d0\\u05e8\\u05e5\\n\\u05dc\\u05dc\\u05de\\u05d5\\u05d3 \\u05de\\u05d4\\u05d5 \\u05d2\\u05d1\\u05d5\\u05dc\\u05d4 \\u05d4\\u05d3\\u05e8\\u05d5\\u05de\\u05d9 \\u05e9\\u05dc \\u05d0\\u05e8\\u05e5 \\u05d4\\u05e7\\u05d5\\u05d3\\u05e9 \\u05dc\\u05e2\\u05e0\\u05d9\\u05d9\\u05df \\u05e9\\u05de\\u05d9\\u05d8\\u05d4,\\n\\u05d4\\u05d0\\u05dd \\u05d9\\u05d1\\u05d5\\u05dc \\u05d4\\u05e2\\u05e8\\u05d1\\u05d4 \\u05d4\\u05e6\\u05e4\\u05d5\\u05e0\\u05d9\\u05ea \\u05e0\\u05d7\\u05e9\\u05d1 \\u05db\\u05e4\\u05d9\\u05e8\\u05d5\\u05ea \\u05e9\\u05d1\\u05d9\\u05e2\\u05d9\\u05ea","before":"countdown","poster":"\\/events\\/posters\\/\\u05e4\\u05e8\\u05d5\\u05e1\\u05e4\\u05e7\\u05d8 \\u05e1\\u05d9\\u05d5\\u05e8 \\u05d1\\u05d3\\u05e8\\u05d5\\u05dd \\u05dc\\u05de\\u05d9\\u05d9\\u05dc-2624a818b77feb.jpg","status":"recorded","vimeo_url":"","guest_list":"no","vimeo_name":"\\u05e0\\u05d2\\u05df \\u05e8\\u05d0\\u05e9\\u05d9","backup_name":"\\u05e0\\u05d2\\u05df \\u05d2\\u05d9\\u05d1\\u05d5\\u05d9","broadcasting":"f","backup_player":"no","deny_filtered":"f","private_event":"f","secondary-title":"\\u05e7\\u05d5\\u05dc\\u05de\\u05d5\\u05e1\\u05d9\\u05dd \\u05e8\\u05d1\\u05d9\\u05dd \\u05e0\\u05e9\\u05ea\\u05d1\\u05e8\\u05d5 \\u05de\\u05e8\\u05d9\\u05d1\\u05d5\\u05d9 \\u05d4\\u05e9\\u05d9\\u05d8\\u05d5\\u05ea \\u05d5\\u05d4\\u05e6\\u05d3\\u05d3\\u05d9\\u05dd \\u05dc\\u05db\\u05d0\\u05df \\u05d5\\u05dc\\u05db\\u05d0\\u05df \\u05d1\\u05e7\\u05d1\\u05d9\\u05e2\\u05ea \\n\\u05d2\\u05d1\\u05d5\\u05dc\\u05d4 \\u05d4\\u05d3\\u05e8\\u05d5\\u05de\\u05d9 \\u05e9\\u05dc \\u05d0\\u05e8\\u05e5 \\u05d9\\u05e9\\u05e8\\u05d0\\u05dc.\\n\\u05d4\\u05d3\\u05d1\\u05e8 \\u05e0\\u05d5\\u05d2\\u05e2 \\u05dc\\u05de\\u05e2\\u05e9\\u05d4 \\u05d1\\u05e2\\u05d9\\u05e7\\u05e8 \\u05d1\\u05e4\\u05d9\\u05e8\\u05d5\\u05ea \\u05e9\\u05d1\\u05d9\\u05e2\\u05d9\\u05ea.\\n\\u05d4\\u05e0\\u05d4\\u05dc\\u05ea \\"\\u05de\\u05db\\u05d5\\u05df \\u05d4\\u05d9\\u05dc\\u05db\\u05ea\\u05d0\\" \\u05de\\u05d0\\u05e8\\u05d2\\u05e0\\u05ea \\u05d1\\u05d9\\u05de\\u05d9\\u05dd \\u05d0\\u05dc\\u05d4 \\u05e1\\u05d9\\u05d5\\u05e8 \\u05de\\u05d5\\u05d3\\u05e8\\u05da \\u05d5\\u05d7\\u05d5\\u05d5\\u05d9\\u05ea\\u05d9 \\u05e2\\u05dd \\u05e1\\u05d9\\u05d5\\u05e8 \\n\\u05de\\u05d9\\u05d5\\u05d7\\u05d3 \\u05d1\\u05d3\\u05e8\\u05d5\\u05dd \\u05d4\\u05d0\\u05e8\\u05e5 \\u05dc\\u05d1\\u05e0\\u05d9 \\u05ea\\u05d5\\u05e8\\u05d4, \\u05de\\u05d5\\u05e8\\u05d9 \\u05d4\\u05d5\\u05e8\\u05d0\\u05d4 \\u05d5\\u05d0\\u05d1\\u05e8\\u05db\\u05d9\\u05dd \\u05d4\\u05e2\\u05d5\\u05e1\\u05e7\\u05d9\\u05dd \\u05d1\\u05dc\\u05d9\\u05de\\u05d5\\u05d3 \\n\\u05d4\\u05d4\\u05dc\\u05db\\u05d4, \\u05e9\\u05d1\\u05d4 \\u05ea\\u05d5\\u05db\\u05dc\\u05d5 \\u05dc\\u05e8\\u05d0\\u05d5\\u05ea \\u05d1\\u05de\\u05d5 \\u05e2\\u05d9\\u05e0\\u05d9\\u05db\\u05dd \\u05d0\\u05ea \\u05d7\\u05dc\\u05e7\\u05d9 \\u05d4\\u05e2\\u05e8\\u05d1\\u05d4 \\u05d4\\u05e9\\u05d5\\u05e0\\u05d9\\u05dd, \\u05dc\\u05d4\\u05d1\\u05d9\\u05df \\n\\u05de\\u05d4\\u05d9 \\"\\u05d4\\u05e2\\u05e8\\u05d1\\u05d4 \\u05d4\\u05e6\\u05e4\\u05d5\\u05e0\\u05d9\\u05ea\\" \\u05e9\\u05de\\u05d3\\u05d1\\u05e8\\u05d9\\u05dd \\u05e2\\u05dc\\u05d9\\u05d4 \\u05db\\u05dc \\u05db\\u05da \\u05d4\\u05e8\\u05d1\\u05d4, \\u05d5\\u05dc\\u05e8\\u05d3\\u05ea \\u05dc\\u05e2\\u05d5\\u05de\\u05e7 \\n\\u05d3\\u05d1\\u05e8\\u05d9\\u05d4\\u05dd \\u05e9\\u05dc \\u05e8\\u05d1\\u05d5\\u05ea\\u05d9\\u05e0\\u05d5 \\u05e4\\u05d5\\u05e1\\u05e7\\u05d9 \\u05d4\\u05d4\\u05dc\\u05db\\u05d4 \\u05d5\\u05d0\\u05ea \\u05d4\\u05e9\\u05d9\\u05d8\\u05d5\\u05ea \\u05d4\\u05e9\\u05d5\\u05e0\\u05d5\\u05ea \\u05d4\\u05dc\\u05db\\u05d4 \\u05dc\\u05de\\u05e2\\u05e9\\u05d4","show_in_homepage":"t","event_link_link_1":"","event_link_link_2":"","event_link_link_3":"","show_views_number":"f","zoom_instructions":"f","dial_for_listening":"f","event_link_title_1":"","event_link_title_2":"","event_link_title_3":"","recorded_need_password":"t","show_playback_download":"f","backup_amazon_player_url":"","source":"","backup_player_url":"","backup_vimeo_player_url":"","gdate":{"date":"4\\/28\\/2022","month":4,"day":28,"year":2022,"dow":4,"abbrevdayname":"Thu","dayname":"Thursday","abbrevmonth":"Apr","monthname":"April"},"hebdate":{"day":"\\u05db\\u05d6","month":"\\u05e0\\u05d9\\u05e1\\u05df","year":"\\u05ea\\u05e9\\u05e4\\u05d1","dow":"\\u05d9\\u05d5\\u05dd \\u05d7\\u05de\\u05d9\\u05e9\\u05d9"}}`);

document.addEventListener('DOMContentLoaded', () => {
if (event_details.UsersChat=='t') {
const chatButton = document.querySelector('.chat-button');
const chatframe = document.getElementById('chatframe');
const chatContainer = document.querySelector('.chat-frame-container');

chatframe.src = './chat?event=' + encodeURIComponent(event_details.event_id);
chatframe.style.display = 'block';

chatButton.addEventListener('click', () => {
chatframe.classList.toggle('chat-open');
chatButton.classList.toggle('open');
const isOpen = chatButton.classList.contains('open');
chatButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
chatContainer?.classList.toggle('open', isOpen);
});

} else {
document.querySelector('.chat-button').remove();
}
});

var is_logged = false;// JSON.parse(`false`);
var tempo;
//3179;
/*
array(0) {
}
*/
var videojsPlayer;
var lang = JSON.parse(`null`) ?? event_details['lang'] ?? 'heb';
var views_number = JSON.parse(`null`);
const eventTime = event_details.time;


function set_event_details(){

// const event_date = new Date(event_details['time'].replace('T', ' '));
const event_date = new Date(eventTime);
const hours = String(event_date.getHours()).padStart(2, '0');
const minutes = String(event_date.getMinutes()).padStart(2, '0');

// const event_date = moment(event_details['time'].replace(/-/g, "/"), "YYYY/MM/DD hh:mm:s.SSS a").toDate(); // Safari compatibility...

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;
let live_time_text;
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'
live_time_text = 'Live now';

} 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 = 'השידור יתחיל בשעה'
live_time_text = 'כעת בשידור חי';
}
if (event_details.status == 'live'){
if (event_details['broadcasting'] != 'f' || Date.now() > new Date(eventTime).getTime()){
document.getElementById('event-time').textContent = `${live_time_text}`;
} else {
document.getElementById('event-time').textContent = `${begin_time} ${hours}:${minutes}`;
}
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.getElementById('event-logo-img').src = event_details['logo'];

// views number
if (event_details["show_views_number"] != "t"){
document.querySelector('.video-views-number')?.remove?.();
} else {
document.getElementById('views-number').innerText = views_number;
}


// 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);
}
})
{
const ad = document.querySelector('.event-ad');
const raw = event_details['poster'];
// if (!raw) return;

let arr = [];
if (Array.isArray(raw)) {
const wrapper = document.createElement('div');
wrapper.className = 'event-ads-grid';
arr = raw.map(s => String(s).trim()).filter(Boolean);
const count = arr.length;
arr.forEach(src => {
const img = document.createElement('img');
img.src = src;
img.className = 'event-ad-img';
img.style.width = `${100 / count}%`;
wrapper.appendChild(img);
});
ad.replaceWith(wrapper);
}
else if (typeof raw === 'string') {
ad.src = raw;
return;
}

}
}

// function poster_img_upload(container) {
// const p = event_details.poster;
// const container = container;
// const arr = Array.isArray(p) ? p : [p];
// arr.forEach((src) => {
// if (!src) return;
// const img = document.createElement('img');
// img.src = src;
// img.alt = 'poster';
// container.appendChild(img);
// });
// }

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'));
}
if ((!this.players.some(p => p.type === "amazon")) || (!('pictureInPictureEnabled' in document) && !HTMLVideoElement.prototype.requestPictureInPicture)) {
let pip_btn = document.querySelector('.picture-in-picture-btn');
pip_btn?.remove();
}

 if (this.players.length > 0) {
     this.current_player = this.players[0];
 }
}

get current_player(){
return this.c_player;
}

set current_player(player){
this.c_player = player;

if (!this.videoBox) {
    console.error('Cannot set current_player: videoBox is null');
    return;
}

const btnPiP = document.querySelector('.picture-in-picture-btn');
if (typeof player.element === 'string') {
insertHTMLWithScript(this.videoBox, player.element);
} else {
$(this.videoBox).html(player.element);
}
if (btnPiP) {
btnPiP.style.display = (player.type === 'amazon') ? '' : 'none';
}
// if (player.type == 'videojs' && !iOS()){
// videojs(player.element);//.src(url);
// }
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(`${event_details.zoom_meeting_id?.replaceAll(' ', '')}?pwd=`+event_details.zoom_passcode, '_blank'))
this.btnBox.appendChild(open_zoom_btn)
}
}

function getzoomid(s)
{
let a=s.split('/');
let b=a[a.length-1];
return b;
}
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){

// url=url.replace('isAutoPlay=0','isAutoPlay=1')
document.getElementById("video-player-box").innerHTML = url;
//insertHTMLWithScript("video-player-box",url)
return;
var urlstr=url;
url = new URL(url);
if (url.hostname === 'vimeo.com' && !url.pathname.endsWith('embed')){
url.hostname = 'player.vimeo.com';
url.pathname = 'video' + url.pathname;
}

{
let el = $(`<iframe id=vimeo-iframe class='vimeo' src="${url.href}" frameborder="0" allow="autoplay; fullscreen" allowfullscreen "></iframe>`)[0];
        el.width = el.height = '100%';
        return el;   
        }
        
    }
    static create_amazone_el(url, type){
        var urlstr=url;
        if (urlstr.indexOf('iframe')>-1)
        {
            let el=$(urlstr)
            return el;   
        }
        let el = $(`<iframe id=amzone-iframe class='vimeo' src=" https://dvirmedia.com/amazon.php?url=${url}" frameborder="0" allow="autoplay; fullscreen" allowfullscreen "></iframe>`)[0];
        el.width = el.height = '100%';
        return el;    
    

    }
    static create_videojs_el(url, type){
        document.getElementById("video-player-box").innerHTML=`
    <svg xmlns="http://www.w3.org/2000/svg" width="95" height="95" viewBox="0 0 58 58">
    <defs>
        <style>
            .play-1 {
                fill: #fff;
            }

            .play-2 {
                fill: #867c8a;
            }
        </style>
    </defs>
    <g id="play" transform="translate(-655.75 -355.75)">
        <circle id="Ellipse_28" data-name="Ellipse 28" class="play-1" cx="29" cy="29" r="29" transform="translate(655.75 355.75)" />
        <path id="Polygon_15" data-name="Polygon 15" class="play-2" d="M696.25,384.75l-17,10.5v-21Z" />
    </g>
    </svg>
    `;
    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
            oncontextmenu="return false;"
            id="video1"
            style="width: 100%; height: 100%; padding: 0px"
            class="videojs video-js vjs-default-skin vjs-big-play-centered hide"
            controls
            controlsList="nodownload"
            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%';
    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=${getzoomid(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 'amazon' : this.element = Player.create_amazone_el(url, "application/x-mpegURL"); break;

    case 'zoom': this.element = Player.create_zoom_el(); break;
    }

    if (type=='vimeo')
    {
    this.button.addEventListener('click',
    ()=>{document.getElementById("video-player-box").innerHTML = url;
    this.box.players.forEach(p => p.button.classList.remove('active'))
    this.button.classList.add('active');
    const btnPiP = document.querySelector('.picture-in-picture-btn');
    if (btnPiP) btnPiP.style.display = '';
    });

    }

    else

    this.button.addEventListener('click',
    ()=>this.box.current_player = this);
    }

    else {
    this.element = url;
    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['amazon_default']==1)
    {
    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'] : '' ));
    }
    if (event_details['vimeo_url']){
    players.push(new Player(event_details['vimeo_name'] ?? 'נגן ראשי', event_details['vimeo_url'], !before ? 'vimeo' : ''));
    }

    }
    else
    {
    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'] : '' ));
    }
    }
    if (event_details['player_url_1'] && event_details['player_1'] != 0) {
    players.push(new Player(event_details['player_name_1'] ?? 'נגן נוסף 1', before ? '' : event_details['player_url_1']));
    }
    if (event_details['player_url_2'] && event_details['player_2'] != 0) {
    players.push(new Player(event_details['player_name_2'] ?? 'נגן נוסף 2', before ? '' : event_details['player_url_2']));
    }
    return players;
    }

    function timeglobal(raw){
    const d = new Date(raw);
    console.log(d.toString());
    const p2 = n => String(n).padStart(2, '0');
    const p3 = n => String(n).padStart(3, '0');
    const details =
    `${d.getFullYear()}-${p2(d.getMonth() + 1)}-${p2(d.getDate())} ` +
    `${p2(d.getHours())}:${p2(d.getMinutes())}:${p2(d.getSeconds())}.` +
    p3(d.getMilliseconds());
    return details;
    }

    function get_counter_el(){
    let eventdetails = timeglobal(event_details.time);
    let el = $(`<div id="waittoevent" date="${eventdetails}"></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' || Date.now() > new Date(eventTime).getTime()){
    let players = get_players();
    if (players.length){
    videoBox = new VideoBox(video_wrapper, get_players(), event_details.zoom_meeting_id);
    }
    if (lang == 'en'){
    document.getElementById('event-time').textContent = "Live now"
    } else {
    document.getElementById('event-time').textContent = "כעת בשידור חי"
    }
    } 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 (Date.now() > new Date(eventTime).getTime()){
    location.reload();
    }
    }, 1000);
    let players = get_players(before=true);
    if (players.length){
    videoBox = new VideoBox(video_wrapper, get_players(before=true), event_details.zoom_meeting_id);
    }
    }
    } else if (event_details['status'] == 'recorded'){
    if (event_details['source']){
    let player_type = (event_details['source'].startsWith("https://player.vimeo.com/") ||
    event_details['source'].startsWith("https://vimeo.com/")) ?
    'vimeo' : 'videojs';
    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.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);
    var us=url.search;
    if ((us) && (us.indexOf('&dl=0')>-1))
    us=us.replace(/&dl=0/,'&dl=1')
    else
    us+='&dl=1'
    if (url.hostname === 'www.dropbox.com'){
    url.hostname = 'dl.dropbox.com';
    url.search = us;
    }

    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'));
    if (!is_logged && event_details['status'] == 'recorded' && event_details['recorded_need_password'] == 't'){
    (new Modal(document.getElementById('password-popup'), false)).show();
    }
    if (!is_logged && event_details['password'] ){
    (new Modal(document.getElementById('password-popup'), false)).show();
    }

    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();


    playerButtonBox = document.querySelector('.buttons-before-player-wrapper');

    if (views_number != null){
    const views_number_updater = setInterval(async() => {
    views_number = await action('get_views_number', [JSON.parse(`3179`)])
    document.getElementById('views-number').innerText = views_number;
    clearInterval(views_number_updater);
    }, 1000);
    }


    $('#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();
    })
    var isfull = false;
    $('.full-width-btn').on('click', function() {
    var $wrap = $('.video-player-wrapper');
    var $chat = $('.chat-frame-container');

    if (isfull) {
    $wrap.css('max-width', '952px');
    isfull = false;
    } else {
    $wrap.css('max-width', '96vw');
    isfull = true;
    }

    // // hide/show chat when switching to full width
    // if ($chat.length) {
    // // toggle collapsed state on container instead of hiding iframe directly
    // if (isfull) {
    // $chat.addClass('collapsed');
    // } else {
    // $chat.removeClass('collapsed');
    // $chat.css({ 'width': '290px', 'height': '80vh' });
    // }
    // // debug info for troubleshooting
    // try { console.log('full-width toggled', { isfull, collapsed: $chat.hasClass('collapsed') }); } catch(e) {}
    // }

    // ensure the full-width button stays clickable (raise above possible overlays)
    const $btn = $(this);
    if (isfull) {
    $btn.css({ 'position': 'relative', 'z-index': 1000 });
    } else {
    $btn.css({ 'position': '', 'z-index': '' });
    }
    });

    $('.picture-in-picture-btn').on('click', async function() {
    const boxEl = document.querySelector('.video-player-box');

    const amazonPlayer = videoBox.players.find(p => p.type === 'amazon');

    if (!amazonPlayer || !amazonPlayer.url) return;
    const tempVideo = document.createElement('video');
    tempVideo.src = amazonPlayer.url;
    tempVideo.muted = true;
    tempVideo.playsInline = true;
    tempVideo.style.position = 'fixed';
    tempVideo.style.width = '1px';
    tempVideo.style.height = '1px';
    tempVideo.style.opacity = '0';
    tempVideo.setAttribute('crossorigin', 'anonymous');
    document.body.appendChild(tempVideo);

    await tempVideo.play();
    await new Promise(resolve => {
    if (tempVideo.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
    return resolve();
    }
    tempVideo.addEventListener('loadeddata', resolve, { once: true });
    });
    await tempVideo.requestPictureInPicture();


    boxEl?.querySelectorAll('video').forEach(v => {
    try { v.pause(); } catch (e) {}
    });

    boxEl?.querySelectorAll('iframe').forEach(f => {
    f.dataset._oldVisibility = f.style.visibility || '';
    f.style.visibility = 'hidden';
    });

    let overlay = document.getElementById('pip-main-overlay');
    if (!overlay) {
    overlay = document.createElement('div');
    overlay.id = 'pip-main-overlay';
    overlay.style.cssText = `
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:18px;
    text-align:center;
    z-index:5;
    `;
    overlay.innerHTML = 'מצב תמונה בתוך תמונה פעיל';
    const wrapper = document.querySelector('.video-player-wrapper') || boxEl.parentElement;
    if (wrapper) {
    const cs = window.getComputedStyle(wrapper);
    if (cs.position === 'static') wrapper.style.position = 'relative';
    wrapper.appendChild(overlay);
    }
    } else {
    overlay.style.display = 'flex';
    }
    tempVideo.addEventListener('leavepictureinpicture', () => {
    boxEl?.querySelectorAll('iframe').forEach(f => {
    f.style.visibility = f.dataset._oldVisibility || '';
    delete f.dataset._oldVisibility;
    });
    const overlay2 = document.getElementById('pip-main-overlay');
    overlay2?.remove();

    tempVideo.pause();
    tempVideo.remove();
    }, { once: true });
    });



    $('.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 = 'unset';



    })

    function insertHTMLWithScript(element, htmlString) {
    const target = typeof element === 'string' ? document.getElementById(element) : element;

    // בדיקה שהאלמנט קיים
    if (!target) {
        console.error('insertHTMLWithScript: Target element not found', element);
        return;
    }

    // נקה תוכן קודם אם נדרש
    target.innerHTML = '';

    // צור אלמנט זמני
    const temp = document.createElement('div');
    temp.innerHTML = htmlString;

    // העתק אלמנטים שאינם סקריפט ליעד
    [...temp.childNodes].forEach(node => {
    if (!(node.tagName && node.tagName.toLowerCase() === 'script')) {
    target.appendChild(node);
    }
    });

    // הרץ את הסקריפטים
    temp.querySelectorAll('script').forEach(oldScript => {
    const newScript = document.createElement('script');
    if (oldScript.src) newScript.src = oldScript.src;
    if (oldScript.type) newScript.type = oldScript.type;
    if (oldScript.charset) newScript.charset = oldScript.charset;
    newScript.textContent = oldScript.textContent;
    document.body.appendChild(newScript);
    });

    // ניקוי האלמנט הזמני
    temp.remove();
    }