<?php
use common\modules\users\widgets\UserBoxWidget;
use common\modules\school\assets\WidgetAssetBundle;
use yii\web\View;

WidgetAssetBundle::register($this);
?>
<section class="ks_header">
    <div class="container">
        <div class="row">
            <div class="col-md-5 col-xs-7 col-sm-12">
                <div class="ball-block">Накоплено баллов: 
                    <span class="col-ball">99 999</span>
                    <a href="#" class="ball-link">Как увеличить?</a>
                    <div class="ball_hover">Текст как увеличить,<br> текст как увеличить,</div>
                </div>
            </div>
            <div class="col-md-5 col-md-offset-2 col-xs-5 col-sm-12">
                <?php echo UserBoxWidget::widget() ?>
            </div>
        </div>
    </div>
</section>
<section class="video-container">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-xs-8 col-sm-12">
                <h1 class="vc-title">Урок <?php echo $model->number;?>. <?php echo $model->title;?></h1>
            </div>
            <div class="col-md-3 col-md-offset-1 col-xs-4 col-sm-12">
                <div class="sh_social">
                    <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
                    <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
                    <div id="my-share"></div>
                    <?php $this->registerJs("Ya.share2('#my-share', {
                            hooks: {
                                onshare: function (name) {
                                    lesson = ".$model->id.";
                                    $.ajax({
                                           type: 'POST',
                                           url: '/school/statistics/shares',
                                           data: {'name': name, 'lesson': lesson},
                                           success: function(data){}
                                        });  
                                }
                            },
                            theme: {
                                services: 'vkontakte,facebook,gplus,twitter,tumblr',
                                counter: true,
                            },
                            content: {
                                title: 'Школа аналитики',
                            }
                        });", View::POS_END, 'my-options');?>
                </div> 
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-xs-12 col-sm-12">
                
                <div class="ytb_video">
                    <iframe width="903" height="508" src="https://www.youtube.com/embed/<?php echo $model->video_id ?>" frameborder="0" allowfullscreen></iframe>
                </div>
                
                <?php if($model->course->spec_proposition):?>
                    <div class="vc-subtitle">Оставляйте комментарии и проходите тестирование, что бы <span>получить приз 15 000 руб.</span></div>
                    <a href="#" class="vc-uslovia">Подробные условия конкурса</a>
                <?php endif;?>
                
            </div>
        </div>
    </div>
</section>
<section class="vc-cont">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-xs-5 col-sm-12">
                <a href="#" class="vc_bt_quit_less">Завершить урок</a>
            </div>
            <div class="col-md-8 col-xs-7 col-sm-12">
                <div class="vc_quit_txt">Чтобы завершить урок, выполните задание.</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-xs-12 col-sm-12">
                <div class="vc_green_inf">
                    <span>Тестирование успешно пройдено. Вы набрали 99 999 балов.<br> Оставляйте комментарии, что бы увеличить Ваш рейтинг.</span>
                </div>
            </div>
        </div>
        
        <?php if($model->text):?>
            <div class="row">
                <div class="col-md-12 col-xs-12 col-sm-12">
                    <h2>Полезные материалы</h2>
                </div>
            </div>
            <?php echo $model->text;?>
        <?php endif;?>
        
        <div class="row">
            <div class="col-md-6 col-xs-6 col-sm-12">
                <i class="ai_format"></i>
                <a href="#" class="ai_link">Скачать типовые вопросы для уточнений</a>
            </div>
            <div class="col-md-6 col-xs-6 col-sm-12">
                <i class="ppt_format"></i>
                <a href="#" class="ppt_link">Типовой регламент работы с заказчиком</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-xs-6 col-sm-12">
                <i class="rar_format"></i>
                <a href="#" class="rar_link">Скачать типовые вопросы для уточнений</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7 col-xs-7 col-sm-12">
                <div class="vc-com_tit">Была ли информация на этой странице полезной?</div>
                <a href="#" class="vc-y_link"><span>Да</span></a>
                <a href="#" class="vc-n_link"><span>Нет</span></a>
            </div>
        </div>
    </div>
</section>
<footer>
    <div class="container">

        <div class="footbottom_line">
            <div class="row">
                <div class="col-md-3 col-xs-3 col-sm-12">
                    <div class="foot_logo">
                        <img src="/images/foot_logo.png" height="51" width="192" alt="">
                    </div>
                </div>
                <div class="col-md-6  col-xs-6 col-sm-12">
                    <ul class="social_link">
                        <li><a href="#" class="soc_item"><i class="fa fa-vk"></i></a></li>
                        <li><a href="#" class="soc_item"><i class="fbicon"></i></a></li>
                        <li><a href="#" class="soc_item"><i class="fa fa-youtube"></i></a></li>
                        <li><a href="#" class="soc_item"><i class="fa fa-instagram"></i></a></li>
                        <li><a href="#" class="soc_item"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#" class="soc_item"><i class="gplusicon"></i></a></li>
                    </ul>
                </div>
                <div class="col-md-3 col-xs-3 col-sm-12">
                    <div class="taskon"><img src="/images/taskon.png" height="31" width="100" alt=""></div>
                    <div class="copyring">Powered by Taskon <br> Собственная разработка Арт Проект</div>
                </div>
            </div>
        </div>
    </div>
</footer>

<div class="hidden">
    <div id="zvonok_form" class="popup">
        <!-- <div class="txtbtnclose">Закрыть</div> -->
        <span class="popup__title">Заказать звонок</span>
        <span class="popup__subtittle">Чтобы мы могли вам перезвонить укажите свой номер телефона:</span>
        <form class="valid_form">
            <input type="text" class="input_st field-input required alphanumeric" placeholder="Ваше имя">
            <input type="tel" class="input_st field-input required email" placeholder="Ваш телефон">
            <button class="save-button popup_bt_send">Заказать звонок</button>
        </form>
    </div>
    <div id="reg_form" class="popup">
        <!-- <div class="txtbtnclose">Закрыть</div> -->
        <span class="popup__title">Регистрация</span>
        <form class="validreg_form">
            <input type="text" class="input_st field-input required alphanumeric" placeholder="Имя Фамилия">
            <input type="tel" class="input_st field-input required alphanumeric" placeholder="Телефон">
            <input type="email" class="input_st field-input required email" placeholder="E-mail">
            <input type="password" class="input_st field-input required alphanumeric" placeholder="Придумайте пароль">
            <input type="password" class="input_st field-input required alphanumeric" placeholder="Повторите пароль">
            <button class="save-button popup_bt_send">Зарегистрироваться</button>
        </form>
    </div>
</div>
