/* Basic Swiper  */
        var swiper = new Swiper(".Swiperslide-1", {
          autoplay: {
            delay: 3000,
            disableOnInteraction: false,
          },
          spaceBetween: 2,
        });
        
        

        
        

            /* Basic Sweetalert  */
            document.querySelector("#basic").addEventListener('click', function () {
                Swal.fire('Welcome TO Your Admin Page')
            });
        
        

        
        
        
        /* default slider */
        var slider = document.getElementById('nousislider');
        noUiSlider.create(slider, {
          start: [30, 80],
          connect: true,
          range: {
            'min': 0,
            'max': 100
          }
        });
        
        

        
        
            //To choose date
            flatpickr("#date", {});
        
        

        
        

    const pickrContainer = document.querySelector('.pickr-container');
    const themeContainer = document.querySelector('.theme-container');

       /* classic */
    const themes = [
        [
            'classic',
            {
                swatches: [
                    'rgba(244, 67, 54, 1)',
                    'rgba(233, 30, 99, 0.95)',
                    'rgba(156, 39, 176, 0.9)',
                    'rgba(103, 58, 183, 0.85)',
                    'rgba(63, 81, 181, 0.8)',
                    'rgba(33, 150, 243, 0.75)',
                    'rgba(3, 169, 244, 0.7)',
                    'rgba(0, 188, 212, 0.7)',
                    'rgba(0, 150, 136, 0.75)',
                    'rgba(76, 175, 80, 0.8)',
                    'rgba(139, 195, 74, 0.85)',
                    'rgba(205, 220, 57, 0.9)',
                    'rgba(255, 235, 59, 0.95)',
                    'rgba(255, 193, 7, 1)'
                ],

                components: {
                    preview: true,
                    opacity: true,
                    hue: true,

                    interaction: {
                        hex: true,
                        rgba: true,
                        hsva: true,
                        input: true,
                        clear: true,
                        save: true
                    }
                }
            }
        ],
    ];

    const buttons = [];
    let pickr = null;

    for (const [theme, config] of themes) {
        const button = document.createElement('button');
        button.innerHTML = theme;
        buttons.push(button);

        button.addEventListener('click', () => {
            const el = document.createElement('p');
            pickrContainer.appendChild(el);

            // Delete previous instance
            if (pickr) {
                pickr.destroyAndRemove();
            }

            // Apply active class
            for (const btn of buttons) {
                btn.classList[btn === button ? 'add' : 'remove']('active','ti-btn' ,'ti-btn-primary');
            }

            // Create fresh instance
            pickr = new Pickr(Object.assign({
                el,
                theme,
                default: '#a68e5e'
            }, config));

            // Set events
            pickr.on('init', instance => {
            }).on('hide', instance => {
            }).on('show', (color, instance) => {
            }).on('save', (color, instance) => {
            }).on('clear', instance => {
            }).on('change', (color, source, instance) => {
            }).on('changestop', (source, instance) => {
            }).on('cancel', instance => {
            }).on('swatchselect', (color, instance) => {
            });
        });

        themeContainer.appendChild(button);
    }

    buttons[0].click();
        
        

        
        

        var lightbox = GLightbox({
            selector: '.glightbox'
        });