(function () {
    "use strict";

    var myElement11 = document.getElementById('mail-main-nav');
    new SimpleBar(myElement11, { autoHide: true });

    var myElement12 = document.getElementById('mail-messages');
    new SimpleBar(myElement12, { autoHide: true });

    var myElement13 = document.getElementById('mail-info-body');
    new SimpleBar(myElement13, { autoHide: true });

    var myElement14 = document.getElementById('mail-recepients');
    new SimpleBar(myElement14, { autoHide: true });


    /* mail editor */
    var toolbarOptions = [
        [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
        [{ 'font': [] }],
        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
        ['blockquote', 'code-block'],

        [{ 'header': 1 }, { 'header': 2 }],               // custom button values
        [{ 'list': 'ordered' }, { 'list': 'bullet' }],

        [{ 'color': [] }, { 'background': [] }],          // dropdown with defaults from theme
        [{ 'align': [] }],

        ['image', 'video'],
        ['clean']                                         // remove formatting button
    ];
    var quill = new Quill('#mail-reply-editor', {
        modules: {
            toolbar: toolbarOptions
        },
        theme: 'snow'
    });
    
    var quill1 = new Quill('#mail-compose-editor', {
        modules: {
            toolbar: toolbarOptions
        },
        theme: 'snow'
    });

    /* to choices js */
    const multipleCancelButton = new Choices(
        '#toMail',
        {
            allowHTML: true,
            removeItemButton: true,
        });

        let mailContainer = document.querySelectorAll(".mail-messages-container >li")

        let i = true

        mailContainer.forEach((element)=>{
            element.onclick = ()=>{
                if(window.screen.width < 1399){
                    document.querySelector(".mails-information").style.display = "block"
                    document.querySelector(".total-mails").classList.add('d-none')
                    i = false
                }
            }
        })


        let closeButton = document.querySelectorAll(".responsive-mail-action-icons > button")[0]

        if(closeButton){
            closeButton.onclick = ()=>{
                document.querySelector(".total-mails").classList.remove('d-none')
                document.querySelector(".mails-information").style.display = "none"
                i = true
            }
        }


        window.addEventListener("resize",()=>{
            if(window.screen.width > 1399 ){
                document.querySelector(".mails-information").style.display = "block"
                document.querySelector(".total-mails").classList.remove('d-none')
            }else{
                if(i){
                    document.querySelector(".mails-information").style.display = "none"
                }
            }

            if(window.screen.width < 1399 && i == false){
                document.querySelector(".total-mails").classList.add("d-none")
            }else{
                // if(document.querySelector(".mail-navigation").style.display != "block"){
                    document.querySelector(".total-mails").classList.remove("d-none")
                // }
            }

            if(window.screen.width > 991){
                document.querySelector(".mail-navigation").style.display = "block"
                document.querySelector(".total-mails").style.display = "block"
            }
            else{
                if(document.querySelector(".total-mails").style.display == 'block' && i == false){
                document.querySelector(".mail-navigation").style.display = "none"
                }
                if(document.querySelector(".mail-navigation").style.display = 'none'){
                    // document.querySelector(".total-mails").style.display = "none"
                }
            }
        })


        document.querySelectorAll(".mail-type").forEach((element)=>{
            element.onclick = ()=>{
                if(window.screen.width <= 991){
                    document.querySelector(".total-mails").style.display = "block"
                    document.querySelector(".total-mails").classList.remove("d-none")
                    document.querySelector(".mail-navigation").style.display = "none"
                    i = true
                }
            }
        })

        
        document.querySelector(".total-mails-close").onclick = ()=>{
            if(window.screen.width < 992){
                document.querySelector(".mail-navigation").style.display = "block"
                document.querySelector(".total-mails").classList.add("d-none")
                i = true
            }
        }

        


})();