<?php
header("Content-Type: text/html; charset=windows-1251");
$to = 'burim@na-vodu.by';

$name = strip_tags(trim($_POST['name']));
$phone = strip_tags(trim($_POST['phone']));
$mail = strip_tags(trim($_POST['mail']));
$num_form = strip_tags(trim($_POST['num_form']));

if(!empty($name) && !empty($phone) && !empty($mail) && !empty($num_form)) {
	$subject = "Заказ обратного звонка.";
	$message = 'Здравствуйте!<br><br>
					<b>Поступила заявка на обратный звонок с сайта!</b><br><br>
					Данные с формы  заказа обратного звонка:<br>
					Имя: <b>'.$name.'</b><br>
					Телефон: <b>'.$phone.'</b><br>
					E-mail: <b>'.$mail.'</b><br>
					Номер формы: <b>'.$num_form.'</b>';
	$headers = "MIME-Version: 1.0\r\n";
	$headers .= "Content-type: text/html; charset=utf-8\r\n";
	$headers .= "From: SKVAJINA.BY <".$to.">\r\n";
	if(mail($to, $subject, $message, $headers)) {
		echo '<p style="font-size: 20px; color: green;">Ваша заявка успешно отправлена!<br>Мы свяжемся с Вами в ближайшее время.</p>';
	} else { echo iconv('windows-1251', 'utf-8', '<p style="font-size: 20px; color: maroon;">При отправке заявки возникла ошибка! Повторите запрос позднее.</p>'); }
} else {
	echo iconv('windows-1251', 'utf-8', '<p style="font-size: 20px; color: orange;">Заполните все поля!</p>');
}
?>

<form action="#" class="ajax_form" data-appear="fade-in" data-appear-direction="bottom">
				<div class="input_with_label">
					<label for="name1">Ваше имя <span class="red">*</span></label>
					<input type="text" name="name" id="name1" required>
				</div>
				<div class="input_with_label">
					<label for="phone1">Телефон <span class="red">*</span></label>
					<input type="text" name="phone" id="phone1" required>
				</div>
				<div class="input_with_label">
					<label for="mail1">Электронная почта <span class="red">*</span></label>
					<input type="text" name="mail" id="mail1" required>
				</div>
				<div class="input_with_label">
					<input type="hidden" name="num_form" value="1"/>
					<input type="submit" class="button" value="УЗНАТЬ">
				</div>
				<div class="clear"></div>
			</form>

jQuery(document).ready(function() {

    var MYAPP = {};
    MYAPP.isPageLoaded = false;
    (function (a) { (jQuery.browser = jQuery.browser || {}).mobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p650|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)) })(navigator.userAgent || navigator.vendor || window.opera);
    MYAPP.isMobile = jQuery.browser.mobile;

    /* Телефонные номера в определенном формате */
    $('input[name=phone]').inputmask('mask', {'mask': '+375 (99) 999-99-99'});
    
    /* Слайдер */

    $('.slider').slick(
     {dots: true,
      infinite: true,
      speed: 4000,
      autoplay: true,
      autoplaySpeed: 7000,
      pauseOnHover: true,
      arrows:true,
      prevArrow:'.arrow.left',
      nextArrow:'.arrow.right',
      slidesToShow: 1,
      slidesToScroll: 1}
    );

    /* Активные элементы */

    $('.open_popup').click(function () {
        $('#splash, #popup').fadeIn();
        if($(this).attr('data-title').length > 0) {
          $('#popup .title').html($(this).attr('data-title'));
        } else {
          $('#popup .title').html('Оставить заявку');
        }
        if($(this).attr('data-button-title').length > 0) {
          $('#popup .button').val($(this).attr('data-button-title'));
        } else {
          $('#popup .button').val('Отправить');
        }
        return false;
    });

    $('#popup .close, #splash').click(function () {
        $('#splash, #popup').fadeOut();
        return false;
    });

    $('#msg_popup').click(function () {
        $('#msg_popup').fadeOut();
        return false;
    });

    /* Отправка форм */
    $('.ajax_form').submit(function() {
        form = $(this);
        var str = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "send.php",
            data: str,
            success: function(msg) {
              var yaCounter31423603 = new Ya.Metrika({id: 31423603});
              yaCounter31423603.reachGoal('order');
              height = $(form).height();
              $(form).hide();
              $(form).after('<div class="after" style="padding:25px;height:'+height+';text-align:center;">'+msg+'</div>');
              setTimeout(function() {
                $('#popup, #splash').fadeOut(1000);
                $(form).fadeIn();
                $(form).delay(1000).next('.after').remove();
              },4000);
            }
        });
        return false;
    });

    if(!MYAPP.isMobile) {

        /* Горизонтальные и вертикальные вылеты */
        $('*[data-appear="fade-in"]').each(function () {

            //** Set values or defaults
            var appearDelay = $(this).data('appear-delay') || 100;
            var appearDirection = $(this).data('appear-direction') || 'none';

            //** Prepare for transition (hide and offset)

            $(this).css({ opacity: '0', 'visibility': 'hidden' });
            if($(this).css('position') != 'absolute') {
                switch (appearDirection) {
                    case 'top': $(this).css({ position: 'relative', top: -$(this).height() / 2 + 'px' }); break;
                    case 'right': $(this).css({ position: 'relative', right: -$(this).width() / 2 + 'px' }); break;
                    case 'bottom': $(this).css({ position: 'relative', bottom: -$(this).height() / 2 + 'px' }); break;
                    case 'left': $(this).css({ position: 'relative', left: -$(this).width() / 2 + 'px' }); break;
                    case 'topleft': $(this).css({ position: 'relative', top: -$(this).height() / 2 + 'px' , left: -$(this).width() / 2 + 'px' }); break;
                    case 'bottomleft': $(this).css({ position: 'relative', bottom: -$(this).height() / 2 + 'px' , left: -$(this).width() / 2 + 'px' }); break;
                }
            } else {
                switch (appearDirection) {
                    case 'top': $(this).css({top: '=-100'}); break;
                    case 'right': $(this).css({right: '=-100'}); break;
                    case 'bottom': $(this).css({bottom: '=-100'}); break;
                    case 'left': $(this).css({left: '=-100'}); break;
                    case 'topleft': $(this).css({top: '=-100' , left: '=-100'}); break;
                    case 'bottomleft': $(this).css({bottom: '=-100' , left: '=-100'}); break;
                }
            }

            //** Show when comes into view from scrolling down
            $(this).waypoint(function (direction) {
                $(this).css({ 'visibility': 'visible' });

                if (direction == 'down') {
                    if($(this).css('position') != 'absolute') {
                        switch (appearDirection) {
                            case 'top': $(this).delay(appearDelay).transition({ 'opacity': 1, 'top': 0 }, 650); break;
                            case 'right': $(this).delay(appearDelay).transition({ 'opacity': 1, 'right': 0 }, 650); break;
                            case 'bottom': $(this).delay(appearDelay).transition({ 'opacity': 1, 'bottom': 0 }, 650); break;
                            case 'left': $(this).delay(appearDelay).transition({ 'opacity': 1, 'left': 0 }, 650); break;
                            case 'topleft': $(this).delay(appearDelay).transition({ 'opacity': 1, 'top': 0 , 'left': 0 }, 650); break;
                            case 'bottomleft': $(this).delay(appearDelay).transition({ 'opacity': 1, 'bottom': 0 , 'left': 0 }, 650); break;
                            default: $(this).delay(appearDelay).transition({ 'opacity': 1 }, 650); //** none (just appear without slide in)
                        }
                    } else {
                        switch (appearDirection) {
                            case 'top': $(this).delay(appearDelay).transition({ 'opacity': 1, 'top': '=+100'}, 650); break;
                            case 'right': $(this).delay(appearDelay).transition({ 'opacity': 1, 'right': '=+100'}, 650); break;
                            case 'bottom': $(this).delay(appearDelay).transition({ 'opacity': 1, 'bottom': '=+100'}, 650); break;
                            case 'left': $(this).delay(appearDelay).transition({ 'opacity': 1, 'left': '=+100'}, 650); break;
                            case 'topleft': $(this).delay(appearDelay).transition({ 'opacity': 1, 'top': '=+100' ,'left': '=+100'}, 650); break;
                            case 'bottomleft': $(this).delay(appearDelay).transition({ 'opacity': 1, 'bottom': '=+100' , 'left': '=+100'}, 650); break;
                            default: $(this).delay(appearDelay).transition({ 'opacity': 1 }, 650); //** none (just appear without slide in)
                        }
                    }
                    $(this).waypoint('destroy');
                }
            }, {
                offset: function () {
                    switch (appearDirection) {
                        case 'top': return $.waypoints('viewportHeight') - $(this).height(); break;
                        case 'bottom': return $.waypoints('viewportHeight'); break;
                        default: return $.waypoints('viewportHeight') - Math.min($(this).height() / 2, 150); break; //** Left or right
                    }
                }
            });
        });
    }

});