<?
define("NO_KEEP_STATISTIC", "Y");
define("NO_AGENT_STATISTIC","Y");
define("NOT_CHECK_PERMISSIONS", true);

require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");

$questions = [
    [
        'question' => 'Чем занимается "ВЭБ Инжиниринг"',
        'answer' => 'ООО «ВЭБ Инжиниринг» было создано по решению Наблюдательного Совета Внешэкономбанка под председательством В. В. Путина от 17 декабря 2009 «для сопровождения инвестиционных проектов общегосударственного значения, реализуемых Внешэкономбанком». На сегодняшний день – это источник уникальных инженерных и технологических компетенций.'
    ],
    [
        'question' => 'Миссия',
        'answer' => 'Развитие экосистемы инжиниринга в РФ и повышение качества проектов ВЭБ.'
    ],
    [
        'question' => 'Виды деятельности',
        'answer' => '- развитие marketplace услуг инжиниринга и разработка цифровых платформ; 
        - поддержка портфеля ВЭБ (фин. надзор, фин. аудит и проч.)  
        - центр проектной экспертизы ВЭБ в строительстве (цифровые услуги, экспертиза и мониторинг, EPCM).'
    ],
    [
        'question' => 'Услуги',
        'answer' => 'Аудит маркетинга проекта;
Финансовый аудит проекта;
Строительный и технический аудит;
Технологический аудит;
Экологический аудит;
Земельный аудит;
Юридический аудит;
Технический аудиту и мониторинг проектов на операционной стадии и организации технической эксплуатации инженерно сложных объектов'
    ],
    [
        'question' => 'Проекты',
        'answer' => '<a href="https://vebeng.ru/projects/">https://vebeng.ru/projects/</a>'
    ],
    [
        'question' => 'Руководство',
        'answer' => 'Калугин Олег - Генеральный директор
Фролов Александр - Заместитель генерального директора по производству
Кирнос Андрей - Заместитель генерального директора по стратегии'
    ],
    [
        'question' => 'Учредитель',
        'answer' => 'ООО «ВЭБ Инжиниринг» является дочерним обществом государственной корпорации «Банк развития и внешнеэкономической деятельности (Внешэкономбанк)'
    ],
    [
        'question' => 'Противодействие коррупции',
        'answer' => 'Если у вас имеются сведения о совершении работником ООО "ВЭБ Инжиниринг" действий коррупционной направленности либо материалы, подтверждающие наличие у работника ООО ""ВЭБ Инжиниринг"" личной заинтересованности, которая приводит или может привести к конфликту интересов, Вы можете сообщить об этом по телефонам:
+7 (495) 258-84-20
+7 (495) 698-93-03'
    ],
    [
        'question' => 'Волонтерство',
        'answer' => 'С сентября 2016 года ВЭБ запустил волонтерский проект поддержки домов престарелых «У мечты нет возраста!». Сотрудники ООО "ВЭБ Инжиниринг" принимают активное участие в волонтерском проекте.'
    ],
    [
        'question' => 'Контакты',
        'answer' => '<a href="https://vebeng.ru/contacts/">https://vebeng.ru/contacts/</a>'
    ],
];

?>
<script src="/js/jquery-1.11.3.min.js"></script>
<script src="/jsbot/dist/autosize.min.js"></script>
<script src="/jsbot/dist/jquery.convform.js"></script>


	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="dist/jquery.convform.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="demo.css">
	<link media="screen" href="demo/styles/demo.css" type="text/css" rel="stylesheet"/>
<!--Начало кода используемого для демонстрации -->
  	<section style="min-height: 600px;">
	    <div class="vertical-align">
	            <div class="row">
	                <div class="col-sm-12">
	                    <div class="card no-border">
	                        <div id="chat" class="conv-form-wrapper">
	                            <form action="" method="GET" class="hidden" onsubmit="return false;">
                                    <input type="text" data-conv-question="Здравствуйте! Я бот поддержки сайта ВЭБ Инжиниринг" data-no-answer="true">
                                    <select data-conv-question="Выберите, что вас интересует" name="first-question" data-callback="storeState">
                                        <?foreach ($questions as $index => $item) {?>
	                                    <option value="question_<?=$index?>"><?=$item['question']?></option>
                                        <?}?>
	                                </select>
                                    <div data-conv-fork="first-question">
                                        <?foreach ($questions as $index => $item) {
                                            $answer = str_replace('\'', '"', $item['answer']);
                                            $answer = str_replace("\n", '<br/>', $answer);?>
                                            <div data-conv-case="question_<?=$index?>">
                                                <input type="text" data-conv-question='<?=$answer?>' data-no-answer="true">
                                            </div>
                                        <?}?>
                                    </div>
<!--                                    <input type="text" data-conv-question="Что-нибудь еще?">-->

                                    <select name="callbackTest" data-conv-question="Остались еще вопросы?">
                                        <option value="yes" data-callback="gotoContactPage">Напишите нам</option>
                                        <option value="yes" data-callback="rollback">Вернуться к началу</option>
                                    </select>

<!--	                                <input type="text" data-conv-question="Поздравляю, вы вступили в клуб по интересам, куда выслать бутылочку пенного?" data-no-answer="true">-->
<!--	                                <input data-conv-question="Напиши мне свою почту, чтобы я вычеслил Вас по IP {name}:0!" data-pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" id="email" type="email" name="email" required placeholder="What's your e-mail?">-->
<!--	                                <input data-conv-question="А теперь код домофона" type="password" data-minlength="6" id="senha" name="password" required placeholder="password">-->

	                            </form>
	                        </div>
	                    </div>
	                </div>
	            </div>
	    </div>
	</section>

	<script>
		function google() {
			window.open("https://google.com");
		}
		function bing() {
			window.open("https://bing.com");
		}
		var rollbackTo = false;
		var originalState = false;
		function storeState(stateWrapper) {
			rollbackTo = stateWrapper.current;
			console.log("storeState called: ",rollbackTo);
		}
		function rollback(stateWrapper) {
			console.log("rollback called: ", rollbackTo, originalState);
			console.log("answers at the time of user input: ", stateWrapper.answers);
			if(rollbackTo!=false) {
				if(originalState==false) {
					originalState = stateWrapper.current.next;
						console.log('stored original state');
				}
				stateWrapper.current.next = rollbackTo;
				console.log('changed current.next to rollbackTo');
			}
		}
		function restore(stateWrapper) {
			if(originalState != false) {
				stateWrapper.current.next = originalState;
				console.log('changed current.next to originalState');
			}
		}

		function gotoContactPage(stateWrapper) {
		    parent.gotoContact();
            rollback(stateWrapper);
            window.open("/contacts/");
        }
	</script>
	<script>
		jQuery(function($){
			var convForm = $('#chat').convform({
                timeOutFirstQuestion: 1000
            });
			setInterval(function () {
                var height = $('.options.dragscroll').height();
                var padding = parseInt($('#messages').css('padding-bottom'));
                if (height > padding) {
                    $('#messages').css('padding-bottom', height);
                }
            }, 100);
		});
	</script>
<style>
    div.card {
        box-shadow: none;
    }

    div.conv-form-wrapper div.options {
        display: flex;
        flex-wrap: wrap;
        background: white;
    }
    .convFormDynamic .userInputDynamic {
        display: none !important;
    }

    .convFormDynamic .submit {
        display: none !important;
    }

    div.conv-form-wrapper div.wrapper-messages, div.conv-form-wrapper div#messages {
        height: 100%;
        max-height: 100vh;
    }

    div.conv-form-wrapper div.wrapper-messages {
        padding-top: 30px;
        min-height: 540px;
        height: 100%;
        max-height: 100vh;
    }

    .card div.conv-form-wrapper:before {
        background: linear-gradient(#fff, rgba(255,255,255,0));
    }

    /*.wrapper-messages {*/
        /*border: 2px solid rgb(0, 178, 171);*/
    /*}*/

</style>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/epilog_after.php");?>