{% from "_macros/checkbox.twig" import checkbox %}
{% from "_macros/input.twig" import input, number %}
{% from "_macros/select.twig" import multi %}

{% extends 'base.html' %} {% block content %}

<!--
  ~  @author	    Maxim Harder
  ~  @site       https://devcraft.club
  ~ ==================================================================
  ~  @file	    main.html
  ~ ==================================================================
  ~  @telegram	https://t.me/MaHarder
  ~  @email	    dev@devcraft.club
  ~ ==================================================================
  ~  @copyright (c) 2022, Maxim Harder
  -->

<form class="ui form segment">
	<div class="ui bottom attached tab active" data-tab="main">
		<h4 class="ui dividing header">Настройки</h4>
		<div class="ui four column grid">
			{% autoescape 'html' %}

			{{ include('templateIncludes/segRow.html', {
				id: 'list_count',
				name: 'Количество объектов',
				descr: 'Введите количество объектов, которые будут отображены в списках, таблицах и т.д.. Это глобальное
				значение для всех модулей автора. При пустом значении будут браться значения из настройки движка "Количество
				отображаемых новостей на страницу" => ' ~ dle_config.news_number ~ '.',
				type: 'number',
				variable: settings
			})
			}}

			{{ include('templateIncludes/segRow.html', {
				id: 'logs',
				name: 'Включить логирование?',
				descr: 'При включенном параметре будет создавать текстовые логи в папке <b>engine/inc/maharder/_logs</b>',
				type: 'checkbox',
				variable: settings
			})
			}}

			{{ checkbox('logs_telegram', 'Отправлять логи в телеграм?', 'При включённом параметре и заполненных полях ниже - скрипт будет отправлять логи в ваш телеграм канал', settings) }}
			{{ input('logs_telegram_api', 'API ключ бота', 'API ключ бота, который можно получить у <a href="https://t.me/BotFather" target="_blank">@BothFather</a>, более детальная информация <a href="https://readme.devcraft.club/latest/dev/telegramposting/bot/" target="_blank">здесь</a>.', settings) }}
			{{ input('logs_telegram_channel', 'Канал телеграма', 'Как получить ID канала можно узнать <a href="https://readme.devcraft.club/latest/dev/telegramposting/bot/#_5" target="_blank">здесь</a>.', settings) }}
			{{ multi('logs_telegram_type', 'Тип оповещений', 'Вариация оповещений в канал:<div class="ui bulleted list">
			<div class="item"><b>Все</b> - Отправляет буквально все отчёты и логи в канал</div>
			<div class="item"><b>Ошибки</b> - Отправляет только ошибки в канал</div>
			<div class="item"><b>Информация</b> - Отправляет только информационные отчёты в канал</div>
			<div class="item"><b>Уведомления</b> - Отправляет только уведомления в канал</div>
			<div class="item"><b>Предупреждения</b> - Отправляет только предупреждения в канал</div>
			<div class="item"><b>Критические ошибки</b> - Отправляет только критические ошибки в канал</div>
			<div class="item"><b>Отладка</b> - Отправляет только информацию об отладке в канал</div>
		</div><br>
			Если в плагине логирование не проставлено, то и сообщения этого рода тоже не будут отправлены.<br>Если выбрано "Все", то остальные выбранные параметры игнорируются', settings, {'all': "Все",'error': "Ошибки",'info': "Информация",'notice': "Уведомления",'warning': "Предупреждения",'critical': "Критические ошибки",'debug': "Отладка"}) }}

			{{ include('templateIncludes/segRow.html', {
				id: 'icons',
				name: 'Заменять иконки?',
				descr: 'При включении, в админпанеле DLE будут заменены старые иконки на обновлённые',
				type: 'checkbox',
				variable: settings
			})
			}}

			{{ include('templateIncludes/segRow.html', {
				id: 'cache_icon',
				name: 'Добавить кнопку с очищением кеша?',
				descr: 'При включенном параметре, в шапку админпанели DLE добавится кнопка с функционалом об очищении кеша
				системы',
				type: 'checkbox',
				variable: settings
			})
			}}

			{{ include('templateIncludes/segRow.html', {
				id: 'cache_timer',
				name: 'Время хранения кеша',
				descr: 'Введите время в минутах, сколько кеш запросов должен быть сохранён на сервере. При запросе скрипт будет проверять когда был создан файл кеша и если он будет превышать заданный лимит, то кеш будет пересоздан.<br><b><i>По умолчанию: 60 минут</i></b>',
				type: 'number',
				variable: settings
			})
			}}

			{{ include('templateIncludes/segRow.html', {
				id: 'theme',
				name: 'Тема оформления админки',
				descr: 'Пока можно выбирать между светлой (стандартной) и тёмной. Сохраните и обновите страницу',
				type: 'select',
				variable: settings,
				values: {
					light: 'Светлая',
					dark: 'Тёмная',
				}
			})
			}}

			{% endautoescape %}
		</div>
	</div>
</form>
<div class="ui segment">
	<div class="ui button tiny save" tabindex="0">Сохранить</div>
	<div class="ui labeled button" tabindex="0">
		<div class="ui tiny button" data-action="check_assets">
			<i class="sync icon"></i> Проверить обновления
		</div>
		<a class="ui left pointing label new_assets_count">
			0
		</a>
	</div>
	<div class="ui special popup">
		<div class="header">Идёт загрузка...</div>
		<br><b>Загружается:</b> <span id="file_loading"></span><br>
		Загружено <span id="now_loading">0</span> из <span id="total_loading">0</span> ...
	</div>
</div>
{% endblock %}


{% block scripts %}

{% autoescape 'js' %}
<script>
    var
        started_assets = false,
        total_assets = 0,
        now_asset = 0
    ;

    function generate_list(id, data) {
        let list = '<ul class="ui list" id="' + id + '" style="margin-left: 1.5rem;">\n';
        for (let k in data) {
            list += '<li>' + k + '</li>';
        }
        list += '</ul>';

        return list;
    }

    function generate_item(show, header, description = '', list = {
        enable: false,
        id: '',
        data: []
    }) {
        if (show) {


            let item = '<div class="item">\n' +
                '    <div class="content">\n' +
                '        <a class="header">' + header + '</a>' +
                '        <div class="description">';
            if (list.enable) item += generate_list(list.id, list.data);
            else item += description;
            item += '        </div>\n' +
                '    </div>\n' +
                '</div>\n';

            return item;
        }

        return '';
    }

    function check_assets() {
        let name = 'mh_assets_check', cookies = getCookie(name);
        if (cookies === undefined || cookies != 1) {
            $('[data-action="check_assets"] .icon').addClass('loading');
            startLoading('Проверка обновлений');
            $.ajax({
                url: 'engine/ajax/controller.php?mod=maharder',
                data: {
                    user_hash: '{{dle_login_hash}}',
                    module: 'maharder',
                    file: 'master',
                    method: 'check_assets',
                },
                type: 'POST',
                success: function (data) {
                    $('[data-action="check_assets"] .icon').removeClass('loading');
                    hideLoading('');
                    try {
                        data = JSON.parse(data);
                    } catch (e) {
                    }
                    if (data.local !== data.on_server) {
                        total_assets = Math.abs(data.missing_count + data.update_count);
                        $('.new_assets_count').html(total_assets);
                        if (total_assets > 0) {
                            $('[data-action="check_assets"]').addClass('basic').addClass('red');
                            $('.new_assets_count').addClass('red');
                        }


                    }

                }
            });
            setCookie(name, 1);
        }
    }

    function save_asset(file, data) {
        startLoading(`Загружаем файл: <b>${file}</b>!<br>Результат находится в консоли браузера!`);
        $.ajax({
            url: 'engine/ajax/controller.php?mod=maharder',
            data: {
                user_hash: '{{dle_login_hash}}',
                module: 'maharder',
                file: 'master',
                method: 'save_asset',
                data: {
                    file: file,
                    data: data
                }
            },
            type: 'POST',
            success: function (response) {
                try {
                    response = JSON.parse(response);
                } catch (e) {
                }
                console.log(response);
                let count_obj = $(document).find('#now_loading').first(), count = $(count_obj).html();
                try {
                    count = parseInt(count);
                } catch (e) {
                    count = 0;
                }
                count++;
                $(count_obj).html(count);
                now_asset = count;
                $('#file_loading').html(file);

                if (now_asset >= total_assets) {
                    hideLoading();
                    $('.new_assets_count').html(0).removeClass('red');
                }
            }
        });
    }

    $(() => {

        $(document).on('click', '[data-action="check_assets"]', function () {
            $('[data-action="check_assets"] .icon').addClass('loading');
            $.ajax({
                url: 'engine/ajax/controller.php?mod=maharder',
                data: {
                    user_hash: '{{dle_login_hash}}',
                    module: 'maharder',
                    file: 'master',
                    method: 'check_assets',
                },
                type: 'POST',
                success: function (data) {
                    hideLoading('');
                    $('[data-action="check_assets"] .icon').removeClass('loading');
                    try {
                        data = JSON.parse(data);
                    } catch (e) {
                    }
                    console.log(data)
                    if (data.local === data.on_server && data.missing_count === 0 && data.update_count === 0)
                        $('body').toast({
                            class: 'info',
                            title: `Информация!`,
                            message: `Обновлений нет`,
                            showProgress: 'bottom'
                        });
                    else {
                        $('[data-action="check_assets"]').addClass('basic').addClass('red').popup({
                            popup: '.special.popup'
                        }).popup('toggle');
                        $('.new_assets_count').html(Math.abs(data.missing_count + data.update_count)).addClass('red');
                        $.confirm({
                            title: 'Обновлениям быть!',
                            content: '<div class="ui middle aligned divided list">\n' +
                                '  <div class="item">\n' +
                                '    <div class="content">\n' +
                                '      <a class="header">На сервере</a> \n' +
                                '       <div class="description">' + data.on_server + ' файлов</div>' +
                                '    </div>\n' +
                                '  </div>\n' +
                                '  <div class="item">\n' +
                                '    <div class="content">\n' +
                                '      <a class="header">Загружено на сайт</a> ' +
                                '       <div class="description">' + data.local + ' файлов</div>\n' +
                                '    </div>\n' +
                                '  </div>\n' +
                                generate_item(data.missing_count > 0, 'Требуют установки', '', {
                                    enable: true,
                                    id: 'assets_to_install',
                                    data: data.missing
                                }) +
                                generate_item(data.update_count > 0, 'Требуют обновления', '', {
                                    enable: true,
                                    id: 'assets_to_update',
                                    data: data.update
                                }) +
                                '</div>',
                            closeIcon: true,
                            columnClass: 'four wide',
                            offsetBottom: 40,
                            useBootstrap: false,
                            theme: 'material',
                            draggable: true,
                            backgroundDismiss: false,
                            backgroundDismissAnimation: 'shake',
                            buttons: {
                                installAll: {
                                    text: 'Установить всё',
                                    btnClass: 'ui green button',
                                    action: function () {
                                        $('[data-action="check_assets"]').popup('toggle');
                                        total_assets = Math.abs(data.missing_count + data.update_count);
                                        $('#total_loading').html(total_assets);
                                        if (data.missing_count > 0) for (let f in data.missing) {
                                            save_asset(f, data.missing[f]);
                                        }
                                        if (data.update_count > 0) for (let f in data.update) {
                                            save_asset(f, data.update[f]);
                                        }
                                    }
                                },
                                onlyInstall: {
                                    text: 'Установить недостающие',
                                    btnClass: 'ui blue button',
                                    action: function () {
                                        $('[data-action="check_assets"]').popup('toggle');
                                        total_assets = data.missing_count;
                                        $('#total_loading').html(total_assets);
                                        if (total_assets > 0) for (let f in data.missing) {
                                            save_asset(f, data.missing[f]);
                                        }
                                    }
                                },
                                onlyUpdate: {
                                    text: 'Установить обновления',
                                    btnClass: 'ui orange button',
                                    action: function () {
                                        $('[data-action="check_assets"]').popup('toggle');
                                        total_assets = data.update_count;
                                        $('#total_loading').html(total_assets);
                                        if (total_assets > 0) for (let f in data.update) {
                                            save_asset(f, data.update[f]);
                                        }
                                    }
                                },
                            }
                        });
                    }
                }
            });
        });
        $(document).on('click', '.save', function () {
            startLoading();
            $.ajax({
                url: 'engine/ajax/controller.php?mod=maharder',
                data: {
                    user_hash: '{{dle_login_hash}}',
                    module: '{{module_code}}',
                    file: 'master',
                    method: 'settings',
                    data: $('.form').serializeArray()
                },
                type: 'POST',
                success: function (data) {
                    hideLoading('');
                    $('body').toast({
                        class: 'success',
                        title: `Всё отлично!`,
                        message: `<p>Данные были сохранены!</p><p>Страница сейчас обновится!</p>`,
                        showProgress: 'bottom'
                    });
                    setTimeout(() => {
                        window.location.reload();
                    }, 1000);
                }
            });
        });

        check_assets();
    });
</script>
{% endautoescape %}
{% endblock %}