import { Controller } from 'stimulus';
import Cookies from 'js-cookie';
const loader = require("./../components/loader.js");
const helper = require("./../components/helper.js");
const misSession = require("./../components/misSession.js");

/*
 * This is an example Stimulus controller!
 *
 * Any element with a data-controller="caseHistory" attribute will cause
 * this controller to be executed. The name "caseHistory" comes from the filename:
 * caseHistory_controller.js -> "caseHistory"
 *
 * Delete this file or adapt it for your use!
 */
export default class extends Controller {
    async cashBack(evn) {
        loader.btnLoader(evn.target, true)

        var popup = document.getElementById('popup');
        popup.querySelector('.modal-title').innerHTML = 'Возврат средств';
        popup.querySelector('.modal-dialog').classList = 'modal-dialog modal-md';
        
        try {
            const response = await fetch('/refund?filial=' + evn.target.dataset.filial);

             if (response.ok) {
                const text = await response.text();
                
                popup.querySelector('.modal-body').innerHTML = text;
                loader.btnLoader(evn.target, false);
                $(popup).modal('show');

                popup.querySelector('#refund_address').value = window.webSDK.data.user.address;
                popup.querySelector('#refund_phone').value = window.webSDK.data.user.phone;
                popup.querySelector('#refund_email').value = window.webSDK.data.user.email;
                popup.querySelector('#refund_schedident').value = evn.target.dataset.schedident;
                popup.querySelector('#refund_time').value = evn.target.dataset.time;
                popup.querySelector('#refund_doc_name').value = evn.target.dataset.docName;

                document.getElementById('refund-form').querySelector('button').addEventListener('click', function() {
                    if ($('#refund-form')[0].checkValidity()) {
                        $(popup).modal('hide');
                    }
                })
            }

        }  catch (error) {
            console.error('Error:', error);
            loader.btnLoader(evn.target, false);
        }
    }

    connect() {
        loader.loadSDK('caseHistory').then(function(webSDK) {
            webSDK.on('init', function() {
                if (this.data.user.authenticated) {
                    runWebSDK(webSDK);           
                } else {
                    window.location.pathname = '/logout'
                }
            });
        })

        var securityRecord = this.element;
        var popup = document.getElementById('popup');

        let runWebSDK = function (webSDK) {
            scheduleRecordList(webSDK, securityRecord);
        }

        var securityTabs = document.getElementById('security-tabs');
        var tabsDecktop = securityTabs.querySelectorAll('a');
        var alertInfo = document.getElementById('alert-case-history-info');
        
        if (tabsDecktop.length > 0) {
            tabsDecktop.forEach(function (el) {
                el.addEventListener('click', function (evn) {
                    evn.target.classList = 'tab-item tab-item--active';
                    
                    if (evn.target.dataset.alert === 'true') alertInfo.classList.remove('d-none');

                    securityTabs.querySelectorAll('a').forEach(function (a) {
                        if (evn.target.dataset.allowRemove != a.dataset.allowRemove) {
                            a.classList.remove('tab-item--active');
                        }      
                    });
                    
                    var history = (evn.target.dataset.allowRemove == 'true');
                    filter(history, securityRecord);
                });
            });
        } else {
            securityTabs.addEventListener('change', function(evn) {
                if (evn.target.alert === 'true') alertInfo.classList.remove('d-none');

                var history = (evn.target.value == 'true');
                filter(history, securityRecord);
            });
        }

        function filter(history, securityRecord) {
            var items = securityRecord.querySelectorAll('.item-record');
            if (items) {
                var count = 0;
                items.forEach(function (item) {
                    if (history == true) {
                        item.classList.add('d-none');
                        if (item.dataset.workDate >= window.dateFormat(new Date())) {
                            item.classList.remove('d-none');
                            count++;
                        }
                    } else {
                        item.classList.add('d-none');
                        
                        if (item.dataset.workDate < window.dateFormat(new Date())) {
                            if (item.dataset.onlinemode == '1') {
                                item.querySelector('.btn-conference').classList.remove('d-inline');
                                item.querySelector('.btn-conference').classList.add('d-none');
                                item.querySelector('.online-warning').classList.remove('d-none');
                                console.log(item.querySelector('.online-warning'));

                                var refundBtn = item.querySelector('.btn-cash-back')
                                refundBtn.classList.add('d-inline');
                                refundBtn.dataset.schedident = item.dataset.schedident
                                refundBtn.dataset.filial = item.dataset.filial
                                refundBtn.dataset.time = item.dataset.time
                                refundBtn.dataset.docName = item.dataset.docName
                            }

                            item.classList.remove('d-none');
                            count++;
                        }
                    }

                    notItems(count);
                });
            }
        }

        function notItems(count) {
            var load = securityRecord.querySelector('.load');
                load.classList.add('d-none');
            
            if (count == 0) {
                load.innerHTML = 'Записей не найдено';
                load.classList.remove('d-none');
            }
        }

        var renderItems = function(items, securityWrap) {
            var count = 0;
            
            items.forEach(function(data, i) {
                var blockItem = securityRecord.querySelector('.item-record').cloneNode(true);
                blockItem.dataset.workDate = data.workDate;
                blockItem.dataset.onlinemode = data.onlineType ?? 0;
                blockItem.dataset.docName = data.docName;
                blockItem.dataset.time = data.startTime+ ' '+ data.endTime;
                blockItem.dataset.schedident = data.schedident;
                blockItem.dataset.filial = data.filial;
                blockItem.dataset.dcode = data.dcode;

                if (blockItem.dataset.dcode) {
                    helper.sendRequest({
                        'sid': blockItem.dataset.dcode,
                        'onlineMode': blockItem.dataset.onlineType ?? 0
                    }, "/api/doctor", "GET").then(function (response) {
                        if (response.data) {
                            blockItem.querySelector('.img-vr').style.background = 'url(' + response.data.img + ') center -5px / cover';
                            blockItem.querySelector('.position').innerHTML = response.data.speciality;
                            
                            if (response.data.kinder != null) {
                                var kinder = blockItem.querySelector('.kinder');
                                kinder.classList.remove('d-none');
                                kinder.querySelector('.val').innerHTML = response.data.kinder;
                            }

                            if (response.data.expirience != null) {
                                var kinder = blockItem.querySelector('.expirience');
                                kinder.classList.remove('d-none');
                                kinder.querySelector('.val').innerHTML = response.data.expirience;
                            }

                            blockItem.querySelectorAll('.link-specialist').forEach(function (el) {
                                el.href = '/specialist/' + response.data.alias;
                            });
                        } else {
                            blockItem.querySelector('.img-vr').style.background = 'url(/images/no_img.png) center -5px / cover';
                            blockItem.querySelector('.position').innerHTML = '';
                        }
                    });
                }
                
                var date = window.newDate(data.workDate);
                
                if (Cookies.get('region') == 91) {
                    var timeZona  = '<br>время саратовское';
                } else {
                    var timeZona  = '<br>время московское';
                }

                blockItem.querySelector('.month').innerHTML = getWeekDay(date);
                blockItem.querySelector('.date').innerHTML = window.dateFormat(date, 'd-m-Y') + ' '
                    + data.startTime + timeZona;
                blockItem.querySelector('.address').innerHTML = (data.filialName == 'Онлайн клиника') ? 'Онлайн-консультация' : data.filialName;
                blockItem.querySelector('.section-favorite').dataset.sid = data.dcode;
                blockItem.querySelector('.specialist').innerHTML = data.docName;                            
                
                var btnClose = blockItem.querySelector('.btn-close');
                    btnClose.classList.add('d-none');
                
                if (data.allowRemove) {    
                    btnClose.classList.remove('d-none');
                    btnClose.dataset.id = data.id;
                    btnClose.dataset.filial = data.filial;
                    btnClose.addEventListener('click', function () {
                        if (confirm("Подтвердите удаление")) {
                            webSDK.scheduleRecRemove({
                                'reserveId': btnClose.dataset.id,
                                'filialId': btnClose.dataset.filial
                            }).then(function (resolve) {
                                document.location.reload();
                            }).catch(function (error) {
                                helper.sendRequest({
                                    data: {'error': error, method: 'scheduleRecRemove'}
                                }, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
                            })
                        }
                    });
                }

                var btnConfirence = blockItem.querySelector('.btn-conference');
                var accept = blockItem.querySelector('.accept');
                var licenseLink = helper.getLicenseLink(Cookies.get('region'));
                var license = document.createElement('p');

                if (data.onlineType && data?.payment?.status?.id != 0) {
                    license.innerHTML = `Пожалуйста, не забудете за 5 минут до начала консультации войти в личный кабинет и потом нажать кнопку «Онлайн прием» для начала консультации.`;
                    accept.append(license);
                    
                    var warning = document.createElement('p');
                    warning.innerHTML=`<b>Внимание!</b> В начале онлайн-консультации вам будет необходимо подтвердить своё согласие с информированным добровольным согласием на медицинское вмешательство (ИДС).`;
                    accept.append(warning);

                    btnConfirence.classList.remove('d-none')
                    btnConfirence.classList.add('d-inline')
                    btnConfirence.setAttribute('data-id' , data.id)
                    btnConfirence.setAttribute('data-filial' , data.filial)
                    btnConfirence.addEventListener('click', function () {
                        popup.querySelector('#popup-body').innerHTML = '';

                        misSession.ensureAuthenticated(webSDK).then(function() {
                            return webSDK.openConference({
                                schedid: btnConfirence.dataset.id
                            });
                        }).then(function () {
                            if (!misSession.mountConferenceInPopup(popup)) {
                                throw { data: { message: 'Не удалось открыть окно онлайн-консультации.' } };
                            }
                        }).catch(function (e) {
                            if (misSession.handleMisSessionFailure(popup, e)) {
                                helper.sendRequest({
                                    data: {'error': e, method: 'openConference', reason: 'mis_session_expired'}
                                }, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
                                return;
                            }

                            if (typeof e.data?.message !== 'undefined') {
                                var msg = e.data.message.replace('UTC+3', 'UTC+3 (московское время)');
                                popup.querySelector('#popup-body').innerHTML = msg;
                                popup.querySelector('.modal-dialog').classList = 'modal-dialog';
                                popup.querySelector('.modal-content').classList = 'modal-content';
                                popup.querySelector('.modal-title').innerHTML = 'Уведомление';
                                $(popup).modal('show');
                            }

                            helper.sendRequest({
                                data: {'error': e, method: 'openConference'}
                            }, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
                        });
                    });

                } else {
                    btnConfirence.classList.add('d-none')
                }

                var btnPayment = blockItem.querySelector('.btn-pay');

                if (data.payment && data.payment.status.id == 0 && data.allowRemove) {
                    license.innerHTML = `Для получения возможности провести оплату консультации - подтвердите согласие на присоединение к договору оферты:`;
                    accept.append(license);
                    blockItem.querySelector('.online-warning').classList.remove('d-none');
                    console.log(blockItem.querySelector('.online-warning'));
                    
                    var politics = document.createElement('div');
                    politics.classList = "form-check";
                    
                    var politicsInput = document.createElement('input');
                    politicsInput.type="checkbox";
                    politicsInput.classList="form-check-input";
                    politicsInput.id="accept-btn";
                    politics.append(politicsInput);
                    
                    var politicsLabel = document.createElement('label');
                    politicsLabel.classList = "form-check-label";
                    politicsLabel.htmlFor="accept-btn";
                    politics.append(politicsLabel);

                    politicsLabel.innerHTML = `Согласен с <a href="${licenseLink}" target="_blank">политикой в отношении обработки персональных данных</a>`;
                    politics.addEventListener('click', function () {
                        console.log('politics', politicsInput.checked, personalInput.checked, ofertaInput.checked);
                        btnPayment.classList.add('disabled');
                        btnPayment.disabled = true;

                        if (politicsInput.checked && personalInput.checked && ofertaInput.checked) {
                            btnPayment.classList.remove('disabled');
                            btnPayment.disabled = false;   
                        }
                    });
                    accept.append(politics);

                    var personal = document.createElement('div');
                    personal.classList = "form-check";
                    
                    var personalInput = document.createElement('input');
                    personalInput.type="checkbox";
                    personalInput.classList="form-check-input";
                    personalInput.id="accept-personal";
                    personal.append(personalInput);
                    
                    var personalLabel = document.createElement('label');
                    personalLabel.classList = "form-check-label";
                    personalLabel.htmlFor="accept-personal";
                    personal.append(personalLabel);

                    personalLabel.innerHTML = `Согласен с <a href="${licenseLink}" target="_blank">обработкой персональных данных</a>.`;
                    personal.addEventListener('click', function () {
                        btnPayment.classList.add('disabled');
                        btnPayment.disabled = true;

                        if (politicsInput.checked && personalInput.checked && ofertaInput.checked) {
                            btnPayment.classList.remove('disabled');
                            btnPayment.disabled = false;   
                        }
                    });
                    accept.append(personal);

                    var oferta = document.createElement('div');
                    oferta.classList = "form-check";
                    
                    var ofertaInput = document.createElement('input');
                    ofertaInput.type="checkbox";
                    ofertaInput.classList="form-check-input";
                    ofertaInput.id="accept-oferta";
                    oferta.append(ofertaInput);
                    
                    var ofertaLabel = document.createElement('label');
                    ofertaLabel.classList = "form-check-label";
                    ofertaLabel.htmlFor="accept-oferta";
                    oferta.append(ofertaLabel);

                    ofertaLabel.innerHTML = `Присоединяюсь к договору <a href="/docs/oferta.pdf" target="_blank">оферты</a>`;
                    oferta.addEventListener('click', function () {
                        btnPayment.classList.add('disabled');
                        btnPayment.disabled = true;

                        if (politicsInput.checked && personalInput.checked && ofertaInput.checked) {
                            btnPayment.classList.remove('disabled');
                            btnPayment.disabled = false;   
                        }
                    });
                    accept.append(oferta);

                    btnPayment.classList.remove('d-none');
                    btnPayment.classList.add('d-inline');
                    btnPayment.querySelector('.amt').innerHTML = data.payment.amt;
                    btnPayment.setAttribute('data-id' , data.payment.id);
                    btnPayment.setAttribute('data-filial' , data.filial);
                    btnPayment.setAttribute('data-amt' , data.payment.amt);
                    btnPayment.setAttribute('data-payprofileid' , data.payment.magazineId);
                    btnPayment.addEventListener('click', function () {
                        var params = {
                            'orderid': Number(btnPayment.dataset.id) ,
                            'payprofileid': btnPayment.dataset.payprofileid,
                            'payamount': btnPayment.dataset.amt,
                            'paymethod': 'AC',
                            'filial': Number(btnPayment.dataset.filial),
                            'pcode': webSDK.data.user.id,
                            'successurl': document.location.origin + '/case-history#pay-success',
                            'errorurl': document.location.origin + '/case-history#error',
                            'containerId': 'popup-body',
                        };

                        misSession.ensureAuthenticated(webSDK).then(function() {
                            webSDK.loadPaymentView(params);
                            popup.querySelector('#popup-body').innerHTML = '';
                            popup.querySelector('.modal-title').innerHTML = 'Оплата';
                            $(popup).modal('show');
                        }).catch(function(e) {
                            if (misSession.handleMisSessionFailure(popup, e)) {
                                helper.sendRequest({
                                    data: {'error': e, method: 'loadPaymentView', reason: 'mis_session_expired'}
                                }, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
                                return;
                            }

                            helper.sendRequest({
                                data: {'error': e, method: 'loadPaymentView'}
                            }, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
                        });
                    });
                } else {
                    btnPayment.classList.add('d-none');
                }

                if (data.workDate >= window.dateFormat(new Date())) {
                    blockItem.classList.remove('d-none');
                    count++;
                }
 
                securityWrap.append(blockItem);
            });

            notItems(count);
        }

        function scheduleRecordList(webSDK, securityRecord) {
            // Если страница загружена после создания записи, добавляем небольшую задержку
            // чтобы дать серверу время обработать новую запись
            var delay = (location.hash === '#doctor-success' || location.hash === '#online') ? 500 : 0;
            
            setTimeout(function() {
                webSDK.loadScheduleRecList({
                    st: 20170101,
                    en: window.dateFormat(new Date((new Date()).getFullYear(), (new Date()).getMonth() + 6, 0)),
                    start: 0,
                    length: 500
                }).then(function (resolve) {
                    renderItems(resolve.data, securityRecord.querySelector('.section-wrap'));
                }).catch(function(e) {
                    helper.sendRequest({
                        data: {'error': e, method: 'loadScheduleRecList'}
                    }, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
                    securityRecord.querySelector('.load').innerHTML = 'Записей не найдено';
                });
            }, delay);
        }
    }
}