$(function(){
    $('.reviews_slider').on('init', function(event, slick){
        slick.$dots.prepend('<li class="prev"><button>&#8592;</button></li>')
        slick.$dots.append('<li class="next"><button>&#8594;</button></li>')
    });

    $('.reviews_slider').on('click', '.slick-dots .next', function(event) {
        event.preventDefault();
        $('.reviews_slider').slick('slickNext');
    });

    $('.reviews_slider').on('click', '.slick-dots .prev', function(event) {
        event.preventDefault();
        $('.reviews_slider').slick('slickPrev');
    });

    $('.reviews_slider').slick({
        arrows: false,
        fade: true,
        dots: true
    })

    $('a[data-scroll]').on('click', function(event) {
        event.preventDefault();
        var target = $(this).data('scroll');
        $('html, body').animate({scrollTop: $(target).offset().top}, 700)
    });

    $('input[name=phone]').mask("+7 (999) 999-99-99");

    $('.fancybox').fancybox({
        helpers:{
            overlay: {
                locked: false,
                css: {
                    'background' : 'rgba(255, 255, 255, 0.9)',
                }
            }
        }
    });
})

$(document).ready(function(){
    $("form#form_request").on("submit", function(e){
        e.preventDefault();
        var $form = $(this),
            url = $form.attr("action"),
            data = $form.serialize(),
            type = $form.attr('method');

        $form.find('.error').removeClass('error');
        $form.find('.form_error').remove();

        $.ajax({
            url: url,
            type: type,
            data: data,
            success: function(data){
                if (data.success) {
                    $.fancybox.close();
                    $.fancybox.open($('#modal_thanks'));
                }

                if (data.errors) {
                    $.each(data.errors, function(i, val) {
                        $form.find('input[name="' + i + '"]').addClass('error')
                                                             .after('<div class="form_error">' + val + '</div>');

                    });
                }
            }
        });
    });

    $("form.subscribe_form").on("submit", function(e){
        e.preventDefault();
        var $form = $(this),
            url = $form.attr("action"),
            data = $form.serialize(),
            type = $form.attr('method');

        $form.find('.error').removeClass('error');
        $form.find('.form_error').remove();

        $.ajax({
            url: url,
            type: type,
            data: data,
            success: function(data){
                if (data.success) {
                    $.fancybox.close();
                    $.fancybox.open($('#modal_subscribe_thanks'));
                }

                if (data.errors) {
                    $.each(data.errors, function(i, val) {
                        $form.find('input[name="' + i + '"]').addClass('error')
                                                             .after('<div class="form_error">' + val + '</div>');
                    });
                }
            }
        });
    });

});