(function () {
    'use strict';

    var PLUGIN = { name: 'mymovies', title: 'Мои фильмы' };
    var DEFAULT_BASE = 'http://e9ghwyp5n5kyfshk55krbhki.31.129.103.242.sslip.io/';

    function base() {
        var b = Lampa.Storage.get(PLUGIN.name + '_base', DEFAULT_BASE);
        return b.replace(/\/+$/, '') + '/';
    }
    function resolve(p) {
        if (!p) return '';
        if (/^https?:\/\//.test(p)) return p;
        if (/^magnet:/.test(p)) return p;
        return base() + p.replace(/^\/+/, '');
    }

    // ---- Компонент: список фильмов ----
    Lampa.Component.add(PLUGIN.name, {
        create: function () {
            var comp = this;
            comp.activity.loader(true);
            var content = comp.activity.render().find('.main__content');
            content.html('<div class="mymovies"><div class="movies-grid"></div></div>');

            fetch(base() + 'catalog.json')
                .then(function (r) { return r.json(); })
                .then(function (data) {
                    comp.activity.loader(false);
                    renderMovies(content.find('.movies-grid'), data.movies || []);
                })
                .catch(function () {
                    comp.activity.loader(false);
                    Lampa.Noty.show('Не удалось загрузить каталог');
                });
        }
    });

    function renderMovies(grid, movies) {
        grid.empty();
        if (!movies.length) {
            grid.append('<div class="mymovies-empty">Каталог пуст</div>');
            return;
        }
        movies.forEach(function (m) {
            var card = $('<div class="card selector" data-id="' + m.id + '">');
            card.append($('<img class="card__img">').attr('src', resolve(m.poster || m.cover)).attr('loading', 'lazy'));
            card.append($('<div class="card__title">').text(m.title));
            if (m.year) card.append($('<div class="card__subtitle">').text(m.year));
            card.on('hover:enter', function () { openMovie(m); });
            grid.append(card);
        });
        Lampa.Selector.update();
    }

    // ---- Компонент: детали фильма ----
    var selected = null;
    Lampa.Component.add(PLUGIN.name + '_detail', {
        create: function () {
            var m = selected;
            if (!m) { Lampa.Activity.back(); return; }
            var html = '<div class="mymovies-detail">';
            html += '<div class="detail-head">';
            html += '<img class="detail-poster" src="' + resolve(m.poster || m.cover) + '">';
            html += '<div class="detail-info"><h1>' + esc(m.title) + '</h1>';
            if (m.original_title) html += '<div class="detail-orig">' + esc(m.original_title) + '</div>';
            if (m.year) html += '<div class="detail-year">' + m.year + '</div>';
            if (m.genre && m.genre.length) html += '<div class="detail-genre">' + m.genre.join(', ') + '</div>';
            if (m.rating) html += '<div class="detail-rating">★ ' + m.rating + '</div>';
            if (m.description) html += '<div class="detail-desc">' + esc(m.description) + '</div>';
            html += '</div></div>';
            html += '<div class="detail-actions"><div class="btn selector" data-act="play">Смотреть</div></div>';
            html += '</div>';

            var content = this.activity.render().find('.main__content');
            content.html(html);
            content.find('[data-act="play"]').on('hover:enter', function () { play(m); });
            Lampa.Selector.update();
        }
    });

    function openMovie(m) {
        selected = m;
        Lampa.Activity.push({
            url: '',
            component: PLUGIN.name + '_detail',
            title: m.title,
            page: m.title
        });
    }

    function play(m) {
        var url = m.magnet ? m.magnet : resolve(m.torrent);
        Lampa.Player.play({
            url: url,
            title: m.title,
            img: resolve(m.poster || m.cover),
            season: 0,
            episode: 0
        });
    }

    function esc(s) {
        return String(s == null ? '' : s)
            .replace(/&/g, '&amp;').replace(/</g, '&lt;')
            .replace(/>/g, '&gt;').replace(/"/g, '&quot;');
    }

    // ---- Пункт меню ----
    function addMenuItem() {
        if ($('.menu__item[data-component="' + PLUGIN.name + '"]').length) return;
        var item = $('<div class="menu__item selector" data-component="' + PLUGIN.name + '">')
            .append($('<span>').text(PLUGIN.title));
        $('.menu__list').append(item);
        item.on('hover:enter', function () {
            Lampa.Activity.push({ url: '', component: PLUGIN.name, title: PLUGIN.title, page: PLUGIN.title });
        });
        Lampa.Selector.update();
    }

    function start() {
        addMenuItem();
        Lampa.Listener.follow('app', function (e) {
            if (e.type === 'ready') addMenuItem();
        });
        Lampa.Listener.follow('menu', function (e) {
            if (e.type === 'open' || e.type === 'update') addMenuItem();
        });
    }

    if (window.Lampa) start();
    else document.addEventListener('lampa', start);
})();