$(
    function() {

        /**
         * Modal form submit code
         */
        $(document)
            .on(
                'beforeSubmit', '#feedback-form', function(e) {
                    var f = this;
                    var form = $(this);
                    var formData = form.serialize();
                    $.ajax(
                        {
                            url: form.attr("action"),
                            type: form.attr("method"),
                            data: formData,
                            success: function(data) {
                                f.reset();
                                $('#feedback-modal')
                                    .modal('hide');
                                $('#success-modal')
                                    .modal('show');
                            },
                            error: function() {
                                $('#feedback-modal')
                                    .modal('hide');
                            }
                        }
                    );
                }
            )
            .on(
                'submit', '#feedback-form', function(e) {
                    e.preventDefault();
                }
            );

        /**
         * Contact form submitting
         */
        $(document)
            .on(
                'beforeSubmit', '#contact-form', function(e) {
                    var f = this;
                    var form = $(this);
                    var formData = form.serialize();
                    $.ajax(
                        {
                            url: form.attr("action"),
                            type: form.attr("method"),
                            data: formData,
                            success: function(data) {
                                f.reset();
                                form.replaceWith(data.alert)
                            },
                            error: function() {

                            }
                        }
                    );
                }
            )
            .on(
                'submit', '#contact-form', function(e) {
                    e.preventDefault();
                }
            );

        /**
         * Button UP code
         */
        if ($('#back-to-top').length) {
            var scrollTrigger = 100, // px
                backToTop = function() {
                    var scrollTop = $(window)
                        .scrollTop();
                    if (scrollTop > scrollTrigger) {
                        $('#back-to-top')
                            .addClass('show');
                    } else {
                        $('#back-to-top')
                            .removeClass('show');
                    }
                };
            backToTop();
            $(window)
                .on(
                    'scroll', function() {
                        backToTop();
                    }
                );
            $('#back-to-top')
                .on(
                    'click', function(e) {
                        e.preventDefault();
                        $('html,body')
                            .animate(
                                {
                                    scrollTop: 0
                                }, 700
                            );
                    }
                );
        }

        $('a.open_gal#gal01').on('click', function(){
            var openPhotoSwipeOne = function() {
                var pswpElement1 = document.querySelectorAll('.pswp')[0];

                // build items array
                var items1 = [
                    {
                        src: '../img/galpics/01.jpg',
                        w: 960,
                        h: 720,
                        title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
                    },
                    {
                        src: '../img/galpics/02.jpg',
                        w: 960,
                        h: 720,
                        title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
                    },
                    {
                        src: '../img/galpics/03.jpg',
                        w: 960,
                        h: 720,
                        title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
                    }
                ];

                // define options (if needed)
                var options1 = {
                    // history & focus options are disabled on CodePen
                    history: false,
                    focus: false,

                    showAnimationDuration: 0,
                    hideAnimationDuration: 0

                };

                var gallery1 = new PhotoSwipe( pswpElement1, PhotoSwipeUI_Default, items1, options1);
                gallery1.init();
            };

            openPhotoSwipeOne();
            return false;
        });

        $('a.open_gal#gal02').on('click', function(){
            var openPhotoSwipeTwo = function() {
                var pswpElement2 = document.querySelectorAll('.pswp')[0];

                // build items array
                var items2 = [
                    {
                        src: '../img/galpics/11.jpg',
                        w: 960,
                        h: 510,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    },
                    {
                        src: '../img/galpics/12.jpg',
                        w: 960,
                        h: 542,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    },
                    {
                        src: '../img/galpics/13.jpg',
                        w: 960,
                        h: 542,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    },
                    {
                        src: '../img/galpics/14.jpg',
                        w: 960,
                        h: 535,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    },
                    {
                        src: '../img/galpics/15.jpg',
                        w: 1398,
                        h: 790,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    },
                    {
                        src: '../img/galpics/16.jpg',
                        w: 1054,
                        h: 790,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    },
                    {
                        src: '../img/galpics/17.jpg',
                        w: 1054,
                        h: 790,
                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
                    }
                ];

                // define options (if needed)
                var options2 = {
                    // history & focus options are disabled on CodePen
                    history: false,
                    focus: false,

                    showAnimationDuration: 0,
                    hideAnimationDuration: 0

                };

                var gallery2 = new PhotoSwipe( pswpElement2, PhotoSwipeUI_Default, items2, options2);
                gallery2.init();
            };

            openPhotoSwipeTwo();
            return false;
        });

        $('a.open_gal#gal03').on('click', function(){
            var openPhotoSwipeThree = function() {
                var pswpElement3 = document.querySelectorAll('.pswp')[0];

                // build items array
                var items3 = [
                    {
                        html: '<div class="video-wrapper"><iframe class="pswp__video" width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/lpJ9sWE28N0?rel=0" frameborder="0" allowfullscreen></iframe></div>',
                        w: 960,
                        h: 640,
                        title: 'За період з березня 2016 року по лютий 2017 року, було спроектовано та побудовано сонячну електростанцію потужністю 296 кіловат. Складається з 1140 сонячних панелей, потужністю 260 вт кожна.',
                    }
                ];

                // define options (if needed)
                var options3 = {
                    // history & focus options are disabled on CodePen
                    history: false,
                    focus: false,

                    showAnimationDuration: 0,
                    hideAnimationDuration: 0

                };

                var gallery3 = new PhotoSwipe( pswpElement3, PhotoSwipeUI_Default, items3, options3);
                gallery3.init();
            };

            openPhotoSwipeThree();
            return false;
        });


        $(".modaled").on('click', function(){
            $(".modal-title#Login").text($(this).data('title'));
            $(".field-feedback-title #feedback-title").val($(this).data('title'));
        });
        $(".panel-collapse.collapse.in").parent().find(".panel-heading").addClass("active");
        $(".panel-heading a").on('click', function(){
            $(this).parent().parent().toggleClass("active");
        });

        $(".panel-heading:before").on('click',function(){
            alert('1');
        });
    }
);