``

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":"3434","tag":"3434","lang":"heb","logo":"https:\\/\\/dvirmedia.com\\/\\/events\\/posters\\/WhatsApp Image 2023-11-13 at 10.00.19_5ac2a39a226551d8c073978.jpg","name":"\\u05d7\\u05db\\u05de\\u05ea \\u05e9\\u05dc\\u05de\\u05d4 \\u05ea\\u05e4\\u05d9\\u05dc\\u05d4 \\u05e2\\u05e8\\u05d1 \\u05e8\\"\\u05d7 \\u05db\\u05e1\\u05dc\\u05d5 \\u05d1\\u05d1\\u05d9\\u05ea \\u05de\\u05d3\\u05e8\\u05e9 \\u05d4\\u05d2\\u05d3\\u05d5\\u05dc \\u05d1\\u05e2\\u05dc\\u05d6\\u05d0 \\u05ea\\u05e9\\u05e4\\u05d3","time":"2023-11-13T14:30:00+02:00","title":"","before":"message","footer":"\\u05dc\\u05d4\\u05d0\\u05d6\\u05e0\\u05d4 \\u05d1\\u05d8\\u05dc\\u05e4\\u05d5\\u05df 03-6171002 \\u05d5\\u05dc\\u05d7\\u05d9\\u05e6\\u05d4 \\u05e2\\u05dc * (\\u05db\\u05d5\\u05db\\u05d1\\u05d9\\u05ea)","poster":"https:\\/\\/dvirmedia.com\\/\\/events\\/posters\\/WhatsApp Image 2023-11-13 at 10.00.19_5ac2a39a6551d846d6189.jpg","source":"https:\\/\\/www.dropbox.com\\/scl\\/fi\\/mpkyd12mga5ntuzo33n38\\/TimeLineMovie.mp4?rlkey=u4ktmyu0ib1u6pohm4ca6uajz&dl=0","status":"recorded","vimeo_url":"https:\\/\\/vimeo.com\\/event\\/3828004\\/embed","guest_list":"no","vimeo_name":"\\u05e2\\u05e6\\u05e8\\u05ea \\u05ea\\u05e4\\u05d9\\u05dc\\u05d4 \\u05d5\\u05d6\\u05e2\\u05e7\\u05d4","backup_name":"\\u05ea\\u05e4\\u05d9\\u05dc\\u05ea \\u05ea\\u05e9\\u05d1\\"\\u05e8","broadcasting":"t","backup_player":"no","before_poster":"https:\\/\\/dvirmedia.com\\/\\/events\\/posters\\/WhatsApp Image 2023-11-13 at 09.59.44_28690b616551d84f86217.jpg","broadcastingt":"t","deny_filtered":"f","private_event":"f","amazon_default":"1","secondary-title":"\\u05d9\\u05d5\\u05dd \\u05ea\\u05e4\\u05d9\\u05dc\\u05d4 \\u05d5\\u05d6\\u05e2\\u05e7\\u05d4\\n\\u05dc\\u05d0\\u05d5\\u05e8 \\u05e7\\u05e8\\u05d9\\u05d0\\u05ea \\u05de\\u05e8\\u05e0\\u05df \\u05d5\\u05e8\\u05d1\\u05e0\\u05df \\u05e9\\u05dc\\u05d9\\u05d8\\"\\u05d0 \\u05d2\\u05d3\\u05d5\\u05dc\\u05d9 \\u05d5\\u05d7\\u05db\\u05de\\u05d9 \\u05d4\\u05ea\\u05d5\\u05e8\\u05d4 \\u05d5\\u05d4\\u05d7\\u05e1\\u05d9\\u05d3\\u05d5\\u05ea,\\n\\u05d1\\u05e2\\u05e7\\u05d1\\u05d5\\u05ea \\u05d4\\u05de\\u05e6\\u05d1 \\u05d1\\u05d0\\u05e8\\u05e5 \\u05d9\\u05e9\\u05e8\\u05d0\\u05dc,\\n\\u05e0\\u05e7\\u05d1\\u05e2 \\u05d9\\u05d5\\u05dd \\u05ea\\u05e4\\u05d9\\u05dc\\u05d4 \\u05d5\\u05d6\\u05e2\\u05e7\\u05d4 \\u05d1\\u05d9\\u05d5\\u05dd \\u05e9\\u05e0\\u05d9 \\u05e2\\u05e8\\u05d1 \\u05e8\\u05d0\\u05e9 \\u05d7\\u05d5\\u05d3\\u05e9 \\u05db\\u05e1\\u05dc\\u05d5 \\u05dc\\u05d0\\u05de\\u05d9\\u05e8\\u05ea \\u05ea\\u05d4\\u05d9\\u05dc\\u05d9\\u05dd \\u05d5\\u05ea\\u05e4\\u05d9\\u05dc\\u05ea \\u05d9\\u05d5\\"\\u05db \\u05e7\\u05d8\\u05df (\\u05dc\\u05e0\\u05d5\\u05d4\\u05d2\\u05d9\\u05dd \\u05dc\\u05d0\\u05de\\u05e8\\u05d4),\\n\\u05d5\\u05d0\\u05d9\\u05df \\u05dc\\u05e0\\u05d5 \\u05e2\\u05dc \\u05de\\u05d9 \\u05dc\\u05d4\\u05d9\\u05e9\\u05e2\\u05df \\u05d0\\u05dc\\u05d0 \\u05e2\\u05dc \\u05d0\\u05d1\\u05d9\\u05e0\\u05d5 \\u05e9\\u05d1\\u05e9\\u05de\\u05d9\\u05dd","show_in_homepage":"t","event_link_link_1":"https:\\/\\/www.kolhalashon.com\\/New\\/Live\\/LiveShiurimTree.aspx?RavID=4116&ShowVideo=True","event_link_link_2":"https:\\/\\/www.dropbox.com\\/scl\\/fo\\/qmbfuzk764t4kpuuky9oh\\/h?rlkey=x10kgdv8s7qx8mh1ry5pdvv1j&dl=0","event_link_link_3":"","show_views_number":"t","zoom_instructions":"f","dial_for_listening":"t","event_link_title_1":"","event_link_title_2":"\\u05dc\\u05e6\\u05e4\\u05d9\\u05d4 \\u05d5\\u05d4\\u05d5\\u05e8\\u05d3\\u05ea \\u05e1\\u05d3\\u05e8 \\u05d4\\u05ea\\u05e4\\u05d9\\u05dc\\u05d4 \\u05dc\\u05d7\\u05e5 \\u05db\\u05d0\\u05df","event_link_title_3":"","recorded_need_password":"f","show_playback_download":"t","backup_amazon_player_url":"https:\\/\\/www.kolhalashon.com\\/New\\/Live\\/LiveShiurimTree.aspx?RavID=4116&ShowVideo=True","gdate":{"date":"11\\/13\\/2023","month":11,"day":13,"year":2023,"dow":1,"abbrevdayname":"Mon","dayname":"Monday","abbrevmonth":"Nov","monthname":"November"},"hebdate":{"day":"\\u05db\\u05d8","month":"\\u05d7\\u05e9\\u05d5\\u05df","year":"\\u05ea\\u05e9\\u05e4\\u05d3","dow":"\\u05d9\\u05d5\\u05dd \\u05e9\\u05e0\\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;
//3434;
/*
NULL
*/
var videojsPlayer;
var lang = JSON.parse(`null`) ?? event_details['lang'] ?? 'heb';
var views_number = JSON.parse(`2377`);
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(`3434`)])
    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();
    }