function loadctr(url){
        fetch(url)
            .then(x => x.text())
            .then(y => eval(y));
    }
    function isNumeric(str) {
    if (typeof str != "string") return false
    return !isNaN(str) &&
        !isNaN(parseFloat(str))
}
    RootApp = angular.module('RootApp', ['angularMoment','ui.tinymce','ui.router','ui.sortable',"ngMask","tooltips",'angular.chosen','ngSanitize']);
    RootApp.controller('RootCtr', function ($rootScope, $scope, $http,  $timeout, $state, $location,moment) {
    $rootScope.server = "/api";
    $rootScope.data_loaded = false;
    $scope.salary_type = {'salary1':'ბათ','salary2':'თბს', 'salary3':'რეგ','salary4':'რუს','salary5':'საბ', 'salary6':'ტოპ','salary7':'ტოპს' };
    });
    function s2ab(s) {
        var buf = new ArrayBuffer(s.length);
        var view = new Uint8Array(buf);
        for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
        return buf;
    }
    RootApp.filter('unique', function() {
        return function (arr=[], targetField) {
            var values = [],i, unique,l = arr.length, results = [],obj;
            for( i = 0; i < arr.length; i++ ) {
                obj = arr[i];
                unique = true;
                for( v = 0; v < values.length; v++ ){  if( obj[targetField] == values[v] ){   unique = false; } }
                if( unique ){   values.push( obj[targetField] );  results.push( obj );}
            }
            return results;
        };
    });
    RootApp.directive('mdTable', function () {
    return {
        scope: { data: '=' },
        templateUrl: '/app/templates/tpl/table.php',
        controller: function ($rootScope, $scope, $element,$sce) {
            $scope.trustAsHtml = function(value) {
                return $sce.trustAsHtml(value);
            };

            $scope.data.pagination = $scope.data.pagination ?? true;
            $scope.sort = (k) => {
                $scope.sort.key = k;
                $scope.sort.reverse = !$scope.sort.reverse;
            };
            $scope.excel = {
                data : false,
                export : ()=>{
                    let data =  $scope.tmp.filtered.map(e=> { let d = []; angular.forEach($scope.data.items,(v,k)=>{
                        d[v.title ?? v] = $('<div>').html(e[k]).text();
                    }); return d;});
                    var wb = XLSX.utils.book_new();
                    wb.SheetNames.push("sheet1");
                    wb.Sheets["sheet1"] = XLSX.utils.json_to_sheet(data);
                    var wbout = XLSX.write(wb, {bookType:'xlsx',  type: 'binary'});
                    var name =  ($scope.data.name || 'excel')+'_'+moment().format("YYYY-MM-DD")+'.xlsx';
                    saveAs(new Blob([s2ab(wbout)],{type:"application/octet-stream"}),name);
                },
                import : (t)=>{
                    swal.fire({text:'ჯერჯერობით არ მუშაობს',icon:"warning",showConfirmButton:false, timer: 900});
                    return false;
                }
            }
            $scope.content_menu = {
                open:(v)=>{
                    v =  $('<div>').html(v).text();
                    let div =document.createElement('div');
                    div.classList.add('content_menu');
                    div.style.top   = event.clientY-10;
                    div.style.left  = event.clientX-10;
                    let item1 = document.createElement('div');
                    let item2 = document.createElement('div');
                    let item3 = document.createElement('div');
                    item1.classList.add('btn');
                    item2.classList.add('btn');
                    item3.classList.add('btn');
                    item1.innerText = 'კოპირება';
                    item2.innerText = 'განახლება';
                    item3.innerText = 'დახურვა';

                    item1.onclick=()=>{
                        try{
                            navigator.clipboard.writeText(v);
                        }catch (err){
                            let textarea = document.createElement('textarea');
                            textarea.value = v;
                            try{ div.append(textarea);
                                textarea.focus();
                                textarea.select();
                                document.execCommand('copy');
                                textarea.remove();
                            }catch (err){
                                alert('კოპირება შეუძლებელია')
                            }
                        }
                        div.remove()
                    };
                    item2.onclick=()=>{
                        location.reload();
                    }
                    item3.onclick=()=>{
                        div.remove()
                    }

                    div.append(item1);
                    div.append(item2);
                    div.append(item3);
                    div.onmouseleave = ()=>{ div.remove()};
                    /*$(div).on("mouseleave", function(e){ });*/
                    /*$(div).on("mouseleave", function(e){ });*/
                    document.body.append(div);
                    console.log(event)
                    //  alert(v);
                }
            }

            var MD5 = function(d){var r = M(V(Y(X(d),8*d.length)));return r.toLowerCase()};function M(d){for(var _,m="0123456789ABCDEF",f="",r=0;r<d.length;r++)_=d.charCodeAt(r),f+=m.charAt(_>>>4&15)+m.charAt(15&_);return f}function X(d){for(var _=Array(d.length>>2),m=0;m<_.length;m++)_[m]=0;for(m=0;m<8*d.length;m+=8)_[m>>5]|=(255&d.charCodeAt(m/8))<<m%32;return _}function V(d){for(var _="",m=0;m<32*d.length;m+=8)_+=String.fromCharCode(d[m>>5]>>>m%32&255);return _}function Y(d,_){d[_>>5]|=128<<_%32,d[14+(_+64>>>9<<4)]=_;for(var m=1732584193,f=-271733879,r=-1732584194,i=271733878,n=0;n<d.length;n+=16){var h=m,t=f,g=r,e=i;f=md5_ii(f=md5_ii(f=md5_ii(f=md5_ii(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_ff(f=md5_ff(f=md5_ff(f=md5_ff(f,r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+0],7,-680876936),f,r,d[n+1],12,-389564586),m,f,d[n+2],17,606105819),i,m,d[n+3],22,-1044525330),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+4],7,-176418897),f,r,d[n+5],12,1200080426),m,f,d[n+6],17,-1473231341),i,m,d[n+7],22,-45705983),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+8],7,1770035416),f,r,d[n+9],12,-1958414417),m,f,d[n+10],17,-42063),i,m,d[n+11],22,-1990404162),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+12],7,1804603682),f,r,d[n+13],12,-40341101),m,f,d[n+14],17,-1502002290),i,m,d[n+15],22,1236535329),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+1],5,-165796510),f,r,d[n+6],9,-1069501632),m,f,d[n+11],14,643717713),i,m,d[n+0],20,-373897302),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+5],5,-701558691),f,r,d[n+10],9,38016083),m,f,d[n+15],14,-660478335),i,m,d[n+4],20,-405537848),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+9],5,568446438),f,r,d[n+14],9,-1019803690),m,f,d[n+3],14,-187363961),i,m,d[n+8],20,1163531501),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+13],5,-1444681467),f,r,d[n+2],9,-51403784),m,f,d[n+7],14,1735328473),i,m,d[n+12],20,-1926607734),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+5],4,-378558),f,r,d[n+8],11,-2022574463),m,f,d[n+11],16,1839030562),i,m,d[n+14],23,-35309556),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+1],4,-1530992060),f,r,d[n+4],11,1272893353),m,f,d[n+7],16,-155497632),i,m,d[n+10],23,-1094730640),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+13],4,681279174),f,r,d[n+0],11,-358537222),m,f,d[n+3],16,-722521979),i,m,d[n+6],23,76029189),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+9],4,-640364487),f,r,d[n+12],11,-421815835),m,f,d[n+15],16,530742520),i,m,d[n+2],23,-995338651),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+0],6,-198630844),f,r,d[n+7],10,1126891415),m,f,d[n+14],15,-1416354905),i,m,d[n+5],21,-57434055),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+12],6,1700485571),f,r,d[n+3],10,-1894986606),m,f,d[n+10],15,-1051523),i,m,d[n+1],21,-2054922799),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+8],6,1873313359),f,r,d[n+15],10,-30611744),m,f,d[n+6],15,-1560198380),i,m,d[n+13],21,1309151649),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+4],6,-145523070),f,r,d[n+11],10,-1120210379),m,f,d[n+2],15,718787259),i,m,d[n+9],21,-343485551),m=safe_add(m,h),f=safe_add(f,t),r=safe_add(r,g),i=safe_add(i,e)}return Array(m,f,r,i)}function md5_cmn(d,_,m,f,r,i){return safe_add(bit_rol(safe_add(safe_add(_,d),safe_add(f,i)),r),m)}function md5_ff(d,_,m,f,r,i,n){return md5_cmn(_&m|~_&f,d,_,r,i,n)}function md5_gg(d,_,m,f,r,i,n){return md5_cmn(_&f|m&~f,d,_,r,i,n)}function md5_hh(d,_,m,f,r,i,n){return md5_cmn(_^m^f,d,_,r,i,n)}function md5_ii(d,_,m,f,r,i,n){return md5_cmn(m^(_|~f),d,_,r,i,n)}function safe_add(d,_){var m=(65535&d)+(65535&_);return(d>>16)+(_>>16)+(m>>16)<<16|65535&m}function bit_rol(d,_){return d<<_|d>>>32-_}

            $scope.tmp = {
                items: {},
                view : [],
                total: 0,
                filtered:[] ,
                _cache : {
                    inputHash: '',
                    result: []
                },
                data: [],
                display: () => {
                    console.log("start");
                    let inputHash = MD5(JSON.stringify({
                        sort:$scope.sort.key+$scope.sort.reverse,
                        pagination: $scope.page,
                        filters: $scope.filter,
                        data: $scope.tmp.data.map(e => e.index + ':' + e.hidden),



                    }));
                    if ($scope.tmp._cache.inputHash === inputHash) {
                        return $scope.tmp._cache.result;
                    }
                    let ret = [];
                    ret =  $scope.tmp.data.filter((e) => !e.hidden);
                    if($scope.sort.key) ret=ret.sort((a, b) => {
                        let aVal = a[$scope.sort.key];
                        let bVal = b[$scope.sort.key];
                        if (aVal < bVal) return $scope.sort.reverse ? 1 : -1;
                        if (aVal > bVal) return $scope.sort.reverse ? -1 : 1;
                        return 0;
                    });
                    ret = ret.filter((e) => {
                        let ret = true;
                        let searchText = $scope.filter.search ? $scope.filter.search.toLowerCase() : null;
                        let foundInSearch = !searchText;
                        Object.entries(e).forEach(([key, value]) => {
                            value =  $('<div>').html(e[key]).text();
                            if($scope.filter.filters[key] && $scope.filter.filters[key][value] && !$scope.filter.filters[key][value].checked && $scope.filter.filters[key][value].show) {
                                $scope.filter[key] = $scope.filter[key] ?? {};
                                $scope.filter[key]['is']  = true;
                            }
                            if ($scope.filter.filters[key] && $scope.filter.filters[key][value] && $scope.filter.filters[key][value].checked !== true) {
                                ret = false;
                            }
                            if (searchText && value && value.toString().toLowerCase().includes(searchText)) {
                                foundInSearch = true;
                            }
                        });
                        return ret && foundInSearch;
                    });
                    $scope.tmp.filtered = angular.copy(ret);
                    $scope.tmp.total = ret.length + 1;
                    if ($scope.data.pagination) {
                        $scope.page.change_limit();
                        ret =  ret.slice($scope.page.from, $scope.page.from + $scope.page.limit);
                    }
                    $scope.tmp._cache.result = ret;
                    $scope.tmp._cache.inputHash = inputHash;
                    console.log("end");
                    return $scope.tmp._cache.result;


                }
            };
            $scope.data.tmp = $scope.tmp;
            $scope.filter = { show: {} ,search: '', filters: {} };
            $scope.data.check = {
                checked : { data : [],  ids  : []},
                check:(i)=>{
                    alert(i);
                    $scope.tmp.data[i].checked = !($scope.tmp.data[i].checked);
                    $scope.data.check.reload();
                },
                reload:()=>{
                    $scope.data.check.checked = [];
                    $scope.data.check.ids = [];
                    angular.forEach($scope.data.tmp_data,(e)=>{
                        if(e.checked) {
                            $scope.data.check.checked.push(e);
                            $scope.data.check.ids.push(e.data.id);

                        }
                    })
                }
            }
            initializeTable();
            setupFiltering();
            setupCheckFunctions();
            setupResizer();
            setupPagination();
            $scope.isOverflown = ()=> {
                let element = $element[0].querySelector(".tbody");
                return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
            }

            function initializeTable() {
                Object.entries($scope.data.items).forEach(([key, item]) => {
                    setupTableItems(item, key);
                    processTableData(key);
                });
                $scope.total = $scope.tmp.data.length + 1;
            }

            function setupTableItems(item, key) {
                let tableItem = typeof item === "string" ? { title: item, show: true } : item;
                $scope.tmp.items[key] = tableItem;
            }

            function processTableData(key) {
                $scope.data.data.forEach((row, index) => {
                    if (!$scope.tmp.data[index]) $scope.tmp.data[index] = {};
                    let val = extractValue(row, key);
                    val = val || '‎';
                    $scope.tmp.data[index][key] = angular.copy(val);
                    $scope.tmp.data[index].index = angular.copy(index);
                    $scope.tmp.data[index].hidden = false;
                    $scope.tmp.data[index].style = row.style || '';
                    $scope.tmp.data[index].class = row.class || '';
                    if($scope.data.href) $scope.tmp.data[index].href =$scope.data.href.replace(/(?<={)(.*?)(?=})/g,(e)=>{  return  $scope.data.data[index][e] }).replaceAll('{','').replaceAll('}','')
                    //setupUniqueValues(key, val);
                });
            }

            function extractValue(row, key) {
                let val = '';
                key.split('+').forEach((k) => {
                    let keys = k.split('.');
                    let tempVal = row;
                    for (let keyPart of keys) {
                        if (tempVal[keyPart] !== undefined) {
                            tempVal = tempVal[keyPart];
                        } else {
                            tempVal = '';
                            break;
                        }
                    }
                    val = val ? val + ' ' + tempVal : tempVal;
                });
                return val;
            }

            function get_unics(key) {
                let unics = {};
                $scope.tmp.filtered.forEach((e) => {
                    let text =  $('<div>').html(e[key]).text();
                    unics[text] = unics[text] ?? { text: text, count: 0 };
                    unics[text].count++;

                });
                return Object.values(unics);
            }

            function setupFiltering() {
                $scope.filter.changeText = (k) => {
                    Object.keys($scope.filter.filters[k]).forEach((key) => {

                        $scope.filter.filters[k][key].checked   = key.toString().includes($scope.filter[k].text);
                        $scope.filter.filters[k][key].show      = key.toString().includes($scope.filter[k].text);

                    });
                };
                $scope.filter.showOnlyVisible =  function(item, i,arr,k){
                    return $scope.filter.filters[ $scope.filter.show][item.text].show;

                }
                $scope.filter.showing = (k,event)=>{

                    if($scope.filter.show==k){
                       $scope.filter.show = false;
                    }
                    else {
                        if(k){
                            $scope.filter.filters[k] = $scope.filter.filters[k] ?? {};
                            $scope.filter.filters[k].unics = get_unics(k);
                            $scope.filter.filters[k].unics.forEach((v) => {
                                $scope.filter.filters[k] = $scope.filter.filters[k] ?? {};
                                $scope.filter.filters[k][v.text] = $scope.filter.filters[k][v.text] ?? {checked:true,show:true};
                            });
                        }
                        $scope.filter.show = k;
                        setTimeout(() => {
                            $scope.filter.element = event.currentTarget.parentElement;
                            document.addEventListener("click", closeFilterOnClickOutside);
                        });

                    }
                };

                $scope.filter.remove = (k) => {
                    $scope.filter[k] = {};
                    $scope.filter.filters[k] = {};
                    $scope.filter.show = false;
                };

                const closeFilterOnClickOutside = (event) => {
                    if ($scope.filter.element && !$scope.filter.element.contains(event.target)) {
                        $scope.$apply(() => {
                            $scope.filter.show = false;
                        });
                        document.removeEventListener("click", closeFilterOnClickOutside);
                    }
                };
            }

            function setupCheckFunctions() {
                $scope.data.check.check = (i) => {
                    if (!$scope.data.checkbox) return;
                    $scope.tmp.data[i].checked = !$scope.tmp.data[i].checked;
                    reloadCheckedItems();
                };

                $scope.data.check.check_all = () => {
                    if (!$scope.data.checkbox) return;
                    $scope.tmp.data.forEach((e) => { e.checked = $scope.data.check.all; });
                    reloadCheckedItems();
                };
            }

            function reloadCheckedItems() {
                $scope.data.check.checked = [];
                $scope.data.check.ids = [];
                $scope.tmp.data.forEach((e) => {
                    if (e.checked) {
                        $scope.data.check.checked.push($scope.data.data[e.index]);
                        $scope.data.check.ids.push($scope.data.data[e.index].id);
                    }
                });
            }

            function setupResizer() {
                $scope.resizer = {
                    down(event, index) {
                        const element = event.target.parentElement;
                        const startX = event.clientX;
                        const startWidth = element.offsetWidth;

                        document.body.style.cursor = 'col-resize';
                        document.body.style.userSelect = 'none';

                        const move = (e) => {
                            const newWidth = startWidth + (e.clientX - startX);
                            element.style.width = `${newWidth}px`;
                            element.style.minWidth = `${newWidth}px`;
                            element.style.maxWidth = `${newWidth}px`;
                        };

                        const up = () => {
                            document.body.style.removeProperty('cursor');
                            document.body.style.removeProperty('userSelect');
                            document.removeEventListener('mousemove', move);
                            document.removeEventListener('mouseup', up);
                            $scope.tmp.items[index].style = `max-width:${element.style.width}; min-width:${element.style.width}; width:${element.style.width}`;
                            $scope.$apply();
                        };

                        document.addEventListener('mousemove', move);
                        document.addEventListener('mouseup', up);
                    }
                };
            }

            function setupPagination() {
                if ($scope.data.pagination) {
                    $scope.page = {
                        from: 0,
                        current: 1,
                        limit: Math.floor($element[0].offsetHeight / 36),
                        change_limit: () => {
                            $scope.page.total = Math.ceil($scope.tmp.total / $scope.page.limit);
                        },
                        go: (c) => {
                            $scope.page.current = Math.max(c, 1);
                            $scope.page.from = ($scope.page.current - 1) * $scope.page.limit;
                        }
                    };
                    $scope.page.change_limit();
                }
            }
            let recalcTimer = null;
            function scheduleRecalc() {
                if (recalcTimer) return;
                recalcTimer = setTimeout(() => {
                    recalcTimer = null;
                    $scope.$applyAsync(() => {
                        $scope.tmp.view = $scope.tmp.display(); // display() გადააკეთე რომ PURE იყოს
                    });
                }, 50);
            }

            $scope.$watch('filter.search', scheduleRecalc);
            $scope.$watch('filter.filters', scheduleRecalc, true);
            $scope.$watchGroup(['sort.key', 'sort.reverse'], scheduleRecalc);
            $scope.$watchGroup(['sort.key', 'sort.reverse'], scheduleRecalc);
            if ($scope.data.pagination) {
                $scope.$watchGroup(['page.current', 'page.limit'], scheduleRecalc);
            }
            scheduleRecalc()

        }
    };
});
    RootApp.directive('chart', function () {
    return {scope: { data: '=', chart:'=' },
        template: '.',
        controller: function ($rootScope, $scope, $element,$timeout) {
            $timeout(()=>{
                $scope.chart.chart = $scope.chart.chart ?? {};
                $scope.chart.chart.renderTo=$element[0];
                new Highcharts.Chart($scope.chart);
            },300)

        }
}});    RootApp.run(function (amMoment) {
        amMoment.changeLocale('ka');
    });
    RootApp.directive('ngRightClick', function($parse) {
        return function(scope, element, attrs) {
            var fn = $parse(attrs.ngRightClick);
            element.bind('contextmenu', function(event) {
                scope.$apply(function() {
                    event.preventDefault();
                    fn(scope, {$event:event});
                });
            });
        };
    });
    RootApp.directive('multiSelect', function($timeout){
    return {
        restrict: 'E',
        scope: {
            options: '=?',     // ["ორშაბათი", ...]
            ngModel: '=',      // "ორშაბათი,პარასკევი" ან ["ორშაბათი","პარასკევი"]
            ngDisabled: '=?'
        },
        template: `
      <select multiple chosen
              ng-disabled="ngDisabled"
              ng-model="localModel"
              ng-options="item as item for item in options">
      </select>
    `,
        link: function(scope, el){
            const $sel = el.find('select');

            // Helpers: CSV <-> Array
            function toArray(v){
                if (Array.isArray(v)) return v;
                if (v == null || v === '') return [];
                return String(v).split(',').map(s => s.trim()).filter(Boolean);
            }
            function toCSV(arr){
                if (!Array.isArray(arr)) return '';
                return arr.join(',');
            }

            // Init
            scope.options = scope.options || [];
            scope.localModel = toArray(scope.ngModel);

            // local -> ngModel (CSV)
            scope.$watch('localModel', function(n, o){
                if (n === o) return;
                scope.ngModel = toCSV(n);
                $timeout(() => $sel.trigger('chosen:updated'));
            }, true);

            // ngModel (string/array) -> local
            scope.$watch('ngModel', function(n, o){
                if (n === o) return;
                const arr = toArray(n);
                // თავიდან დავაფარებთ უსასრულო ციკლს
                if (JSON.stringify(arr) !== JSON.stringify(scope.localModel)){
                    scope.localModel = arr;
                    $timeout(() => $sel.trigger('chosen:updated'));
                }
            });

            // options ან disabled ცვლილებაზე UI განახლება
            scope.$watchCollection('options', function(){
                $timeout(() => $sel.trigger('chosen:updated'));
            });
            scope.$watch('ngDisabled', function(){
                $timeout(() => $sel.trigger('chosen:updated'));
            });
        }
    };
});


    RootApp.directive('person', function() {
        return {
            restrict: 'E',
            replace: true,
            scope: {
                item: '=' // ✅  @ იყენებს სტრინგის გადასაცემად
            },
            controller: function($rootScope, $scope, $element, $http) {
                $scope.person = {
                    loaded: false
                };
                $scope.load = function() {
                    if ($scope.item.p_number) {
                        $http.get($rootScope.server + `/person/pn/${$scope.item.p_number}`)
                            .then(response => {
                                $scope.person = response.data;
                                $scope.item.person_id = $scope.person.id*1;
                                $scope.person.loaded = true;
                            })
                            .catch(error => {
                                $scope.person = {error:'არ მოიძებნა',loaded : true};
                            });
                    }else{
                        $scope.person = {error:'შეცდომა',loaded : true};
                    }
                };

                $scope.load();
            },
            template: `
                <div class="list_item">
                    <span  ng-if="!person.loaded">იტვირთება</span>
                    <span  ng-if="person.id">{{person.first_name}} {{person.last_name}}</span>
                    <span class="denied" ng-if="person.error">{{person.error}}</span>
                </div>
            `
        };
    });
    RootApp.directive('fileChange', [function () {
    return {
        restrict: 'A',
        scope: {
            fileChange: '&'
        },
        link: function (scope, element) {
            element.on('change', function (event) {
                scope.$apply(function () {
                    scope.fileChange({ $files: event.target.files });
                });
            });
        }
    };
}]);
    RootApp.directive('carousel', ['$interval', '$timeout', '$window', function($interval, $timeout, $window){
    return {
        restrict: 'E',
        scope: {
            items: '=',
            width: '@?',
            height: '@?',
            autoplay: '@?'
        },
        template:
            `<div class="carousel" ng-style="{height: heightPx}">

        <button class="nav nav-left"
                type="button"
                ng-click="prev()"
                ng-class="{'nav--hidden': !hasPrev()}">&#10094;</button>

        <div class="carousel_track" ng-style="{height: heightPx}">
          <img ng-repeat="url in items track by $index"
               ng-src="/api/file/thumb/{{url}}/{{width}}"
               alt=""
               ng-style="{height: heightPx}">
        </div>

        <button class="nav nav-right"
                type="button"
                ng-click="next()"
                ng-class="{'nav--hidden': !hasNext()}">&#10095;</button>

        <div class="carousel_dots" ng-if="count>1">
          <button ng-repeat="n in [].constructor(count) track by $index"
                  ng-class="{active: $index===index}"
                  ng-click="go($index)"></button>
        </div>
      </div>`,
        link: function(scope, el){
            var track = el[0].querySelector('.carousel_track');
            var idx = 0, count = 0, step = 0, autoplayPromise = null;
            var startX = 0, deltaX = 0, dragging = false;

            function coerceNumber(v, fallback){ var n = parseInt(v,10); return isNaN(n)? fallback : n; }

            scope.index = 0;
            scope.count = 0;

            // helpers for nav visibility
            scope.hasPrev = function(){ return idx > 0; };
            scope.hasNext = function(){ return idx < (count - 1); };

            // ზომები
            var w = coerceNumber(scope.width, 0);
            var h = coerceNumber(scope.height, 170);
            scope.heightPx = h + 'px';

            function measure(){
                step = el[0].clientWidth || (track ? track.clientWidth : w || 0);
                if(step <= 0) step = w || 260;
                moveTo(scope.index, false);
            }

            function moveTo(i, animate){
                if(!track) return;
                if(i < 0) i = 0;
                if(i > count-1) i = count-1;
                idx = i; scope.index = i;

                track.style.transition = (animate === false) ? 'none' : 'transform .35s ease';
                track.style.transform = 'translateX(' + (-i * step) + 'px)';

                // განვაახლოთ ღილაკების ხილვადობა pointer მოვლენებიდანაც
                scope.$evalAsync(); // უსაფრთხოა, დეჯესტს დაგეგმავს თუ საჭიროია
            }

            scope.prev = function(){ moveTo(idx-1, true); };
            scope.next = function(){ moveTo(idx+1, true); };
            scope.go   = function(i){ moveTo(i, true);  };

            // ავტოპლეი
            function startAutoplay(){
                stopAutoplay();
                var ms = coerceNumber(scope.autoplay, 0);
                if(ms && ms > 0 && count > 1){
                    autoplayPromise = $interval(function(){
                        var next = (idx + 1) % count;
                        moveTo(next, true);
                    }, ms);
                }
            }
            function stopAutoplay(){ if(autoplayPromise){ $interval.cancel(autoplayPromise); autoplayPromise=null; } }

            // swipe/drag
            track.addEventListener('pointerdown', function(e){
                dragging = true; startX = e.clientX; deltaX = 0;
                track.setPointerCapture(e.pointerId);
                track.style.transition = 'none';
            });
            track.addEventListener('pointermove', function(e){
                if(!dragging) return;
                deltaX = e.clientX - startX;
                track.style.transform = 'translateX(' + (-idx * step + deltaX) + 'px)';
            });
            track.addEventListener('pointerup', function(){
                if(!dragging) return; dragging = false;
                var threshold = step * 0.2;
                if(deltaX > threshold)      moveTo(idx-1, true);
                else if(deltaX < -threshold)moveTo(idx+1, true);
                else                        moveTo(idx, true);
            });
            track.addEventListener('pointercancel', function(){
                if(dragging){ dragging=false; moveTo(idx,true); }
            });

            // items ცვლილება
            scope.$watchCollection('items', function(arr){
                count = (arr && arr.length) || 0;
                scope.count = count;
                $timeout(function(){
                    measure();
                    moveTo(0, false);
                    startAutoplay();
                });
            });

            var onResize = function(){ measure(); };
            angular.element($window).on('resize', onResize);
            el.on('mouseenter', stopAutoplay);
            el.on('mouseleave', startAutoplay);

            scope.$on('$destroy', function(){
                stopAutoplay();
                angular.element($window).off('resize', onResize);
                el.off('mouseenter'); el.off('mouseleave');
            });

            $timeout(measure);
        }
    };
}]);


    RootApp.directive('fileInput', ['$http', '$timeout', function ($http, $timeout) {
    return {
        restrict: 'E',
        template: `
      <div class="file-input">
        <input type="hidden" ng-value="ngModel" />
        <div class="dropzone"
             ng-class="{'dragover': isDragOver}"
             ng-click="openFileDialog()">
                ჩაააგდეთ ფაილები აქ ან დააწკაპუნეთ ასატვირთად
        </div>
        <div class="image-preview-container" ui-sortable="sortableOptions" ng-model="files">
          <div ng-repeat="file in files track by $index" class="image-preview">
            <img ng-src="{{file.preview}}" alt="Selected image preview" class="preview-img">
            <button type="button" class="delete-button" ng-click="removeFile(file)" aria-label="Delete file">
              <i class="fa fa-times"></i>
            </button>
            <div class="progress-bar">
              <div ng-if="file.unic" class="progress_complete">ატვირთულია</div>
              <div ng-if="!file.unic" class="progress_text">{{file.uploadProgress}}%</div>
              <div ng-if="!file.unic" class="progress" ng-style="{width: file.uploadProgress + '%'}"></div>
            </div>
            <div ng-if="file.errorMessage" class="error-message">
              {{file.errorMessage}}
            </div>
          </div>
        </div>
        <button type="button" ng-click="uploadAll()" class="btn btn-success" ng-if="files.length > 0 && !allUploaded()">ატვირთვა</button>
        <input type="file" multiple style="display: none;" file-change="onFileSelect($files)" />
      </div>
    `,
        scope: {
            ngModel: '=',
        },
        controller: ['$scope', '$http', '$element','$attrs', function ($scope, $http, $element) {
            $scope.files = [];
            $scope.isDragOver = false;
            if ($scope.ngModel) {
                const unics = $scope.ngModel.split(',');
                unics.forEach(unic => {
                    const file = {
                        unic: unic,
                        preview: `/api/file/thumb/${unic}`,
                        uploadProgress: 100,
                        isUploading: false
                    };
                    $scope.files.push(file);
                });
            }else{
                $scope.ngModel = '';
            }
            $scope.sortableOptions = {
                stop: function () {
                    $scope.updateNgModel(); // განახლდეს ngModel ახალი რიგითობით
                }
            };
            function resizeImage(file, callback) {
                const MAX_WIDTH = 1024;
                const MAX_HEIGHT = 1024;

                const img = new Image();
                const reader = new FileReader();

                reader.onload = function (e) {
                    img.src = e.target.result;

                    img.onload = function () {
                        let width = img.width;
                        let height = img.height;

                        // Calculate the new dimensions if the image is too large
                        if (width > MAX_WIDTH || height > MAX_HEIGHT) {
                            if (width > height) {
                                height = Math.round((MAX_WIDTH / width) * height);
                                width = MAX_WIDTH;
                            } else {
                                width = Math.round((MAX_HEIGHT / height) * width);
                                height = MAX_HEIGHT;
                            }
                        }

                        // Create a canvas to resize the image
                        const canvas = document.createElement('canvas');
                        canvas.width = width;
                        canvas.height = height;
                        const ctx = canvas.getContext('2d');

                        // Draw the image to the canvas
                        ctx.drawImage(img, 0, 0, width, height);

                        // Convert canvas to blob and pass it to callback
                        canvas.toBlob(function (blob) {
                            const resizedFile = new File([blob], file.name, { type: file.type });
                            callback(resizedFile);
                        }, file.type);
                    };
                };

                reader.readAsDataURL(file);
            }

            // Open the file dialog
            $scope.openFileDialog = function () {
                $element.find('input[type="file"]').click();
            };

            // Handle file selection
            $scope.onFileSelect = function (files) {
                angular.forEach(files, function (file) {
                    if (file.type.startsWith('image/')) {
                        // Check if the file needs to be resized
                        resizeImage(file, function (resizedFile) {
                            const reader = new FileReader();
                            reader.onload = function (e) {
                                $timeout(function () {
                                    resizedFile.preview = e.target.result;
                                    resizedFile.isUploading = false;
                                    resizedFile.uploadProgress = 0;
                                    resizedFile.errorMessage = '';
                                    resizedFile.unic = false; // Placeholder for unic value from server
                                    $scope.files.push(resizedFile);
                                });
                            };
                            reader.readAsDataURL(resizedFile);
                        });
                    }
                });
            };

            // Check if all files are uploaded
            $scope.allUploaded = function () {
                return $scope.files.every(function(file) {
                    return file.unic || file.isUploading;
                });
            };

            // Upload a single file
            $scope.uploadFile = function (file) {
                file.isUploading = true;
                const formData = new FormData();
                formData.append('file', file);

                $http.post('/api/file/upload', formData, {
                    headers: { 'Content-Type': undefined },
                    transformRequest: angular.identity,
                    uploadEventHandlers: {
                        progress: function (e) {
                            if (e.lengthComputable) {
                                $timeout(function () {
                                    file.uploadProgress = Math.round((e.loaded / e.total) * 100);
                                });
                            }
                        }
                    }
                }).then(function (response) {
                    file.isUploading = false;
                    // file.isUploaded = true;
                    if (response.data && response.data.unic) {
                        file.unic = response.data.unic;
                        $scope.updateNgModel();

                    }
                }).catch(function () {
                    file.isUploading = false;
                    file.uploadProgress = 0;
                    file.errorMessage = 'Upload failed. Please try again.';
                });
            };

            // Upload all files
            $scope.uploadAll = function () {
                angular.forEach($scope.files, function (file) {
                    if (!file.unic && !file.isUploading) {
                        $scope.uploadFile(file);
                    }
                });
            };

            // Remove a file
            $scope.removeFile = function (file) {
                if (file.isUploading) {
                    alert('Cannot delete a file that is currently uploading.');
                    return;
                }

                const index = $scope.files.indexOf(file);
                if (index > -1) {
                    // If the file has been uploaded, optionally delete it from the server
                    if (file.unic && 0) {

                        $http.post('/api/file/delete', { unic: file.unic })
                            .then(function () {
                                // Successfully deleted on server
                            })
                            .catch(function () {
                                // Handle deletion error if necessary
                            });
                    }
                    $scope.files.splice(index, 1);
                    $scope.updateNgModel();

                }
            };

            // Update ngModel with comma-separated unic values
            $scope.updateNgModel = function () {
                const unicValues = $scope.files
                    .filter(file => file.unic)
                    .map(file => file.unic);
                $scope.ngModel = unicValues.join(',');
            };
            // Handle drag and drop
            const dropzone = $element[0].querySelector('.dropzone');

            dropzone.addEventListener('dragover', function (event) {
                event.preventDefault();
                $timeout(function () {
                    $scope.isDragOver = true;
                });
            });

            dropzone.addEventListener('dragleave', function (event) {
                event.preventDefault();
                $timeout(function () {
                    $scope.isDragOver = false;
                });
            });

            dropzone.addEventListener('drop', function (event) {
                event.preventDefault();
                const files = event.dataTransfer.files;
                $scope.isDragOver = false;
                $scope.onFileSelect(files);
            });

        }]
    };
}]);

    RootApp.config(function ($stateProvider,$locationProvider,$urlRouterProvider) {
        $stateProvider
                    .state("/login", {
                url         : '/login',
                templateUrl: "/app/templates/login.php",
                controller: function ($scope,$rootScope,$http) {
                    $scope.login=(u)=>{
                        $http.post($rootScope.server + "/login", u).then(function ($rs, h) {
                            Swal.fire("","თქვენ წარმატებით გაიარეთ ავტორიზაცია","success")
                            setTimeout(()=>{
                               location.reload();
                            },200);
                        },()=>{
                            Swal.fire("","მომხმარებელი არ მოიძებნა","error")
                        });
                    }
                }
            })
            .state("/", { url: '/',
                templateUrl: "/app/templates/main.php",
                controller: function ($state) {  $state.go('/login'); }})
                   // $urlRouterProvider.when('/main',`/main/${moment(new Date()).format("YYYY-MM-DD")}`);
        $urlRouterProvider.otherwise("/");
        $locationProvider.html5Mode({ enabled: true,  requireBase: false });
    });