You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
519 lines
30 KiB
519 lines
30 KiB
{% load static %}
|
|
{% load active_link_tags %}
|
|
|
|
{% load category_menu_items from lilcity_category %}
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>
|
|
{% block title %}Онлайн-курсы LilCity{% endblock title%}
|
|
</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<meta name="theme-color" content="#fff">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="description" content="{% block description %}Онлайн-курсы LilCity{% endblock description%}">
|
|
<!--Twitter Card data-->
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:site" content="{% block twurl %}{{ request.build_absolute_uri }}{% endblock twurl %}">
|
|
{% comment %} <meta name="twitter:title" content="{% block twtitle %}Онлайн-курсы LilCity{% endblock twtitle %}"> {% endcomment %}
|
|
{% comment %} <meta name="twitter:description" content="{% block twdescription %}Онлайн-курсы LilCity{% endblock twdescription %}"> {% endcomment %}
|
|
{% comment %} <meta name="twitter:creator" content="@author_handle"> {% endcomment %}
|
|
{% comment %} <meta name="twitter:image" content="{% block twimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock twimage %}"> {% endcomment %}
|
|
<!--Open Graph data-->
|
|
<meta property="og:title" content="{% block ogtitle %}Онлайн-курсы LilCity{% endblock ogtitle %}">
|
|
{% comment %} <meta property="og:type" content="article"> {% endcomment %}
|
|
<meta property="og:url" content="{% block ogurl %}{{ request.build_absolute_uri }}{% endblock ogurl %}">
|
|
<meta property="og:image" content="{% block ogimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock ogimage %}">
|
|
<meta property="og:description" content="{% block ogdescription %}Онлайн-курсы LilCity{% endblock ogdescription %}">
|
|
<meta property="og:site_name" content="Онлайн-курсы LilCity">
|
|
<meta property="og:locale" content="ru_RU">
|
|
{% comment %} <meta property="fb:admins" content="Facebook numeric ID"> {% endcomment %}
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token }}">
|
|
<link rel="stylesheet" media="all" href={% static "app.css" %}>
|
|
<link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.ico' %}"/>
|
|
<script>
|
|
var viewportmeta = document.querySelector('meta[name="viewport"]');
|
|
if (viewportmeta) {
|
|
if (screen.width <= 360) {
|
|
var newScale = screen.width / 360;
|
|
viewportmeta.content = 'width=360, minimum-scale=' + newScale + ', user-scalable=0, maximum-scale=1, initial-scale=' + newScale + '';
|
|
}
|
|
else {
|
|
viewportmeta.content = 'width=device-width, maximum-scale=1.6, initial-scale=1.0';
|
|
}
|
|
}
|
|
</script>
|
|
<script>
|
|
LIL_SERVER_TIME = "{% now 'U' %}";
|
|
LIL_SERVER_TIME_DIFF = Math.floor((new Date().getTime()) / 1000) - parseInt(LIL_SERVER_TIME);
|
|
USER_ID = "{{ request.user.id }}";
|
|
COURSE_ID = "{{ course.id }}";
|
|
MIXPANEL_CUSTOM_LIB_URL = "/static/mixpanel-2-latest.js";
|
|
</script>
|
|
{% block mixpanel %}
|
|
<!-- start Mixpanel -->
|
|
<script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
|
|
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
|
|
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
|
|
mixpanel.init("79bd6bfd98667ed977737e6810b8abcd");
|
|
</script>
|
|
<!-- end Mixpanel -->
|
|
{% endblock mixpanel %}
|
|
</head>
|
|
|
|
<body>
|
|
<div class="outer js-outer">
|
|
<header class="header header_bg js-header">
|
|
<div class="header__center center">
|
|
<div class="header__container">
|
|
<button class="header__menu js-header-menu">
|
|
<svg class="icon icon-menu">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-menu></use>
|
|
</svg>
|
|
</button>
|
|
<a class="header__logo logo" href="/"></a>
|
|
<div class="header__wrap js-header-wrap">
|
|
<div class="header__top">
|
|
<button class="header__close js-header-close">
|
|
<svg class="icon icon-close">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use>
|
|
</svg>
|
|
</button>
|
|
<form class="header__search search js-search" action="/search/">
|
|
<input name="q" class="search__input js-search-input" type="text">
|
|
<button class="search__btn js-search-btn" type="submit">
|
|
<svg class="icon icon-search">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-search></use>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<nav class="header__nav">
|
|
<div class="header__group"><a class="header__section header__section_sub js-header-section {% active_link 'index' %}" href="{% url 'index' %}">ОНЛАЙН-ШКОЛА</a>
|
|
<div class="header__list js-header-list">
|
|
<a class="header__link" data-scroll href="/#about">
|
|
<div class="header__title">О школе</div>
|
|
</a>
|
|
{% comment %} <a class="header__link" href="/">
|
|
<div class="header__title">Процесс</div>
|
|
</a> {% endcomment %}
|
|
<a class="header__link" href="/#advantages">
|
|
<div class="header__title">Преимущества</div>
|
|
</a>
|
|
<a class="header__link" href="/#reviews">
|
|
<div class="header__title">Отзывы</div>
|
|
</a>
|
|
<a class="header__link" href="/#gallery">
|
|
<div class="header__title">Галерея</div>
|
|
</a>
|
|
<a class="header__link" href="/#teachers">
|
|
<div class="header__title">Преподаватели</div>
|
|
</a>
|
|
<a class="header__link" href="/#schedule">
|
|
<div class="header__title">Расписание</div>
|
|
</a>
|
|
<a class="header__link" href="/#partners">
|
|
<div class="header__title">Партнеры</div>
|
|
</a>
|
|
{% comment %} <a class="header__link" href="/#">
|
|
<div class="header__title">Частые вопросы</div>
|
|
</a> {% endcomment %}
|
|
{% comment %} <a class="header__link" href="/#">
|
|
<div class="header__title">Оплата</div>
|
|
</a> {% endcomment %}
|
|
{% comment %} <a class="header__link" href="/#">
|
|
<div class="header__title">Контакты</div>
|
|
</a> {% endcomment %}
|
|
</div>
|
|
</div>
|
|
<div class="header__group"><a class="header__section header__section_sub js-header-section {% active_link 'courses' %}" href="{% url 'courses' %}">ВИДЕО-КУРСЫ</a>
|
|
<div class="header__list js-header-list">
|
|
{% category_menu_items category %}
|
|
</div>
|
|
</div>
|
|
<div class="header__group"><a class="header__section" target="_blank" href="http://blog.lil.school">БЛОГ</a></div>
|
|
</nav>
|
|
</div>
|
|
{% if request.user.is_authenticated %}
|
|
<div class="header__login">
|
|
{% if request.user.photo %}
|
|
<div class="header__ava ava"><img class="ava__pic" src="{{ request.user.photo.url }}"></div>
|
|
{% else %}
|
|
<div class="header__ava ava"><img class="ava__pic" src="{% static 'img/user.jpg' %}"></div>
|
|
{% endif %}
|
|
<div class="header__drop">
|
|
{% if request.user.role == 1 or request.user.role == 2 %}
|
|
<a class="header__link header__link_border" href="{% url 'user-edit-payments' request.user.id %}">{{ request.user.balance }} руб.</a>
|
|
{% if request.user.auth_token %}
|
|
<a class="header__link header__link_green" href="{% url 'course_create' %}">
|
|
{% comment %} <a class="header__link header__link_gray disabled" href="#"> {% endcomment %}
|
|
<div class="header__title">ДОБАВИТЬ КУРС</div>
|
|
</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
<a class="header__link" href="{% url 'user' request.user.id %}">
|
|
<div class="header__title">ПРОФИЛЬ</div>
|
|
</a>
|
|
<a class="header__link" href="#">
|
|
<div class="header__title">НАСТРОЙКИ</div>
|
|
</a>
|
|
<a class="header__link" href="{% url 'lilcity:logout' %}">
|
|
<div class="header__title">ВЫЙТИ</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД
|
|
<svg class="icon icon-user">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-user></use>
|
|
</svg>
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% if request.user.is_authenticated %}
|
|
{% if not request.user.is_email_proved and not request.user.fb_id %}
|
|
<div class="message message_error">Необходимо подтвердить электронную почту</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</header>
|
|
<div id="lilcity-vue-app" class="container">
|
|
{% block content %}{% endblock content %}
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="footer__center center">
|
|
<div class="footer__row footer__row_first">
|
|
<div class="footer__col footer__col_md"><a class="footer__logo logo" href="/"></a>
|
|
<div class="footer__content">Первая онлайн-школа креативного мышления Lil City School</div>
|
|
</div>
|
|
<div class="footer__col">
|
|
<div class="footer__title">КОМПАНИЯ</div>
|
|
<nav class="footer__nav"><a class="footer__link" href="#">О нас</a><a class="footer__link" href="#">Преподаватели</a><a
|
|
class="footer__link" target="_blank" href="http://blog.lil.school">Блог</a><a class="footer__link" href="#">Наши приложения</a><a
|
|
class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a></nav>
|
|
</div>
|
|
<div class="footer__col">
|
|
<div class="footer__title">Программы</div>
|
|
<nav class="footer__nav">
|
|
<a class="footer__link" href="#">Онлайн-школа</a>
|
|
<a class="footer__link" href="#">Онлайн-курсы</a>
|
|
<a class="footer__link" href="{% url 'author_request' %}">Стать автором</a>
|
|
</nav>
|
|
</div>
|
|
<div class="footer__col">
|
|
<div class="footer__title">Контакты</div>
|
|
<div class="footer__contact">Общие вопросы: <a href='mailto:school@lil.city'>school@lil.city</a></div>
|
|
<div class="footer__contact">Сотрудничество: <a href='mailto:partnership@lil.city'>partnership@lil.city</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer__col footer__col_md">
|
|
<div class="footer__title">ПОДПИСАТЬСЯ НА НОВОСТИ</div>
|
|
<form class="subscribe" method="POST" action="{% url 'subscribe' %}">{% csrf_token %}
|
|
<div class="subscribe__field">
|
|
<input class="subscribe__input" type="text" name="email" placeholder="Email">
|
|
</div>
|
|
<button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button>
|
|
<div class="subscribe__content">Мы сами не любим спам, поэтому вы будете подучать от только важные новости о
|
|
школе, новых курсах и бонусах от Lil City.
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="footer__row footer__row_second">
|
|
<div class="footer__col footer__col_md">
|
|
<div class="footer__socials socials"><a class="socials__item" href="#">
|
|
<svg class="icon icon-instagram">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-instagram></use>
|
|
</svg>
|
|
</a><a class="socials__item" href="#">
|
|
<svg class="icon icon-twitter">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-twitter></use>
|
|
</svg>
|
|
</a>
|
|
<a
|
|
class="socials__item" href="#">
|
|
<svg class="icon icon-fb">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-fb></use>
|
|
</svg>
|
|
</a><a class="socials__item" href="#">
|
|
<svg class="icon icon-youtube">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-youtube></use>
|
|
</svg>
|
|
</a></div>
|
|
</div>
|
|
<div class="footer__col footer__col_lg">
|
|
<div class="footer__group">
|
|
<div class="footer__copyright">2017 © Lil City, UAB.</div>
|
|
<div class="footer__links">
|
|
<a class="footer__link" href="{% url 'terms' %}">Договор-оферта</a>
|
|
<div class="footer__divider">|</div>
|
|
<a class="footer__link" href="{% url 'privacy' %}">Политика обработки персональных данных</a>
|
|
<div class="footer__divider">|</div>
|
|
<a class="footer__link" href="{% url 'refund_policy' %}">Политика возврата</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<div class="popup js-popup-auth">
|
|
<div class="popup__wrap js-popup-wrap">
|
|
<button class="popup__close js-popup-close">
|
|
<svg class="icon icon-close">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use>
|
|
</svg>
|
|
</button>
|
|
<div class="popup__body">
|
|
<div class="auth js-auth">
|
|
<div class="auth__login js-auth-login">
|
|
<div class="auth__nav"><a class="auth__type js-auth-type active" href="#">Войти</a><a
|
|
class="auth__type js-auth-type" href="#">РЕГИСТРАЦИЯ</a></div>
|
|
<div class="auth__body">
|
|
<form id="learner-auth-form" method="post" action="{% url 'lilcity:login' %}">
|
|
{% csrf_token %}
|
|
<div class="auth__tab js-auth-tab" style="display: block;">
|
|
<div class="auth__enter js-auth-enter">
|
|
<div id="learner-auth-field__username" class="auth__field field learner-auth-form__field">
|
|
<div class="field__label">ПОЧТА</div>
|
|
<div class="field__wrap"><input id="learner-auth-form__email" class="field__input" type="email"
|
|
name="username"
|
|
placeholder="name@website.com" tabindex="1"></div>
|
|
<div id="learner-auth-field-error__username"
|
|
class="field__error learner-auth-form__field-error"></div>
|
|
</div>
|
|
<div id="learner-auth-field__password" class="auth__field field learner-auth-form__field">
|
|
<div class="field__label">ПАРОЛЬ<a class="field__link js-auth-go-pass" href="#" tabindex="4">Забыли
|
|
пароль?</a></div>
|
|
<div class="field__wrap">
|
|
<input id="learner-auth-form__password" class="field__input field__input--password"
|
|
name="password"
|
|
type="password" placeholder="Минимум 5 символов" tabindex="2">
|
|
<div class="field__password-show">
|
|
<button class="password-toggle" type="button">
|
|
<svg class="icon icon-password-eye">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use>
|
|
</svg>
|
|
<svg class="icon icon-password-hidden-eye">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="learner-auth-field-error__password"
|
|
class="field__error learner-auth-form__field-error"></div>
|
|
<div id="learner-auth-field-error__all" class="auth-register__common-error form__common-error learner-auth-form__field-error"></div>
|
|
</div>
|
|
<div class="auth__foot">
|
|
<button id="learner-auth__button" class="auth__btn btn btn_light" tabindex="3">ВОЙТИ</button>
|
|
<div class="auth__or">или</div>
|
|
<button type="button" class="auth__btn btn btn_fb">
|
|
<svg class="icon icon-facebook">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use>
|
|
</svg>
|
|
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form id="learner-registration-form" method="post" action="{% url 'lilcity:registration-learner' %}">
|
|
{% csrf_token %}
|
|
<div class="auth__tab js-auth-tab">
|
|
<div class="auth__fieldset">
|
|
<div id="learner-registration-field__first-name"
|
|
class="auth__field field learner-registration-form__field">
|
|
<div class="field__label">ИМЯ</div>
|
|
<div class="field__wrap"><input id="learner-registration-form__first-name" class="field__input"
|
|
type="text" name="first_name" placeholder=""></div>
|
|
<div id="learner-registration-field-error__first-name"
|
|
class="field__error learner-registration-form__field-error"></div>
|
|
</div>
|
|
<div id="learner-registration-field__last-name"
|
|
class="auth__field field learner-registration-form__field">
|
|
<div class="field__label">ФАМИЛИЯ</div>
|
|
<div class="field__wrap"><input id="learner-registration-form__last-name" class="field__input"
|
|
type="text" name="last_name" placeholder=""></div>
|
|
<div id="learner-registration-field-error__last-name"
|
|
class="field__error learner-registration-form__field-error"></div>
|
|
</div>
|
|
</div>
|
|
<div id="learner-registration-field__email"
|
|
class="auth__field field learner-registration-form__field">
|
|
<div class="field__label">ПОЧТА</div>
|
|
<div class="field__wrap"><input id="learner-registration-form__email" class="field__input"
|
|
type="email" name="email" placeholder="name@website.com"></div>
|
|
<div id="learner-registration-field-error__email"
|
|
class="field__error learner-registration-form__field-error"></div>
|
|
</div>
|
|
<div id="learner-registration-field__password"
|
|
class="auth__field field learner-registration-form__field">
|
|
<div class="field__label">ПАРОЛЬ</div>
|
|
<div class="field__wrap">
|
|
<input id="learner-registration-form__password" class="field__input field__input--password"
|
|
type="password" name="password" placeholder="Минимум 5 символов">
|
|
<div class="field__password-show">
|
|
<button class="password-toggle" type="button">
|
|
<svg class="icon icon-password-eye">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use>
|
|
</svg>
|
|
<svg class="icon icon-password-hidden-eye">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="learner-registration-field-error__password"
|
|
class="field__error learner-registration-form__field-error"></div>
|
|
|
|
<div id="learner-registration-field-error__all"
|
|
class="auth-register__common-error form__common-error learner-registration-form__field-error"></div>
|
|
</div>
|
|
<div class="auth__text">Согласен с условиями обработки данных и возвратом услуги.</div>
|
|
<label class="auth__label switch"><input class="switch__input" name="newsletter" value="true" type="checkbox" checked><span
|
|
class="switch__content">Согласен на важную рассылку: новости школы и курсов</span></label>
|
|
<div class="auth__foot">
|
|
<button id="learner-registration-form__submit-button" class="auth__btn btn btn_light">
|
|
ЗАРЕГИСТРИРОВАТЬСЯ
|
|
</button>
|
|
<div class="auth__or">или</div>
|
|
<button type="button" class="auth__btn btn btn_fb">
|
|
<svg class="icon icon-facebook">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use>
|
|
</svg>
|
|
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="auth__pass js-auth-pass">
|
|
<div class="auth__nav">
|
|
<div class="auth__type active">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</div>
|
|
</div>
|
|
<div class="auth__body">
|
|
<div id="password-reset__form-wrapper">
|
|
<form id="password-reset-form" method="post" action="{% url 'lilcity:password_reset' %}">
|
|
{% csrf_token %}
|
|
<div class="auth__enter js-auth-enter">
|
|
<div id="password-reset__email-field" class="auth__field field">
|
|
<div class="field__label">ПОЧТА<a class="field__link js-auth-go-enter" href="#">Войти</a></div>
|
|
<div class="field__wrap"><input id="password-reset__email" class="field__input" type="email"
|
|
name="email" placeholder="name@website.com">
|
|
</div>
|
|
<div id="password-reset-field-error__email"
|
|
class="field__error password-reset-form__field-error"></div>
|
|
<div id="password-reset-field-error__all"
|
|
class="form__common-error password-reset-form__field-error"></div>
|
|
</div>
|
|
<div class="auth__foot">
|
|
<button id="password-reset__button" class="auth__btn btn btn_light">ОТПРАВИТЬ</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div id="password-reset__sent" style="display: none;">
|
|
<p>На ваш email отправлены инструкции по восстановлению пароля</p>
|
|
<div class="auth__foot">
|
|
<button id="password-reset__success-hide" class="auth__btn btn btn_light js-auth-go-enter" type="button">Хорошо</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popup js-popup-buy">
|
|
<div class="popup__wrap popup__wrap_lg js-popup-wrap">
|
|
<button class="popup__close js-popup-close">
|
|
<svg class="icon icon-close">
|
|
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use>
|
|
</svg>
|
|
</button>
|
|
<div class="popup__body">
|
|
<div class="buy">
|
|
<div class="buy__row">
|
|
<div class="buy__col">
|
|
<div class="buy__head buy__head_main">
|
|
<div class="buy__title">Выбор урока/дня</div>
|
|
<!-- <div class="buy__content">При записи на 5 уроков скидка 10%.</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="buy__col">
|
|
<div class="buy__head">
|
|
<!-- <div class="buy__label">Месяц:</div>
|
|
<div class="buy__title">Январь</div> -->
|
|
<!-- <div class="buy__content">Если вы оплачиваете после 15 числа, доступ к урокам будет с 1-го следующего
|
|
месяца.
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="buy__col">
|
|
<div class="buy__list">
|
|
{% for school_schedule in school_schedules %}
|
|
<label class="switch switch_lesson">
|
|
<input class="switch__input" type="checkbox" data-day="{{school_schedule.weekday}}" data-price="{{school_schedule.month_price}}" autocomplete="off">
|
|
<span class="switch__content">
|
|
<span class="switch__cell">{{ school_schedule }}</span>
|
|
{% comment %} dont delete {% endcomment %}
|
|
<span class="switch__cell"></span>
|
|
<span class="switch__cell">{{ school_schedule.title }}</span>
|
|
<span class="switch__cell">{{school_schedule.month_price}}р</span>
|
|
</span>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="buy__col">
|
|
<div class="order">
|
|
<div class="order__wrap">
|
|
<div class="order__title">Ваш заказ:</div>
|
|
<div class="order__preview"><img class="order__pic" src={% static "img/order.jpg" %}></div>
|
|
<div class="order__info">
|
|
<div class="order__label">ШКОЛА</div>
|
|
<div class="order__days">Вторник, Четверг, Воскресенье</div>
|
|
</div>
|
|
<div class="order__foot">
|
|
<div class="order__subtitle">Итого, за месяц:</div>
|
|
<div class="order__total order_price_text">1800р.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="buy__foot">
|
|
{% comment %}В ссылке, в параметре запроса weekdays, нужно указать выбранные дни недели{% endcomment %}
|
|
<a class="buy__btn btn btn_md but_btn_popup" data-link="{% url 'school-checkout' %}" href="{% url 'school-checkout' %}?weekdays=1&weekdays=2">ПЕРЕЙТИ К ОПЛАТЕ</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if course %}
|
|
<div class="popup js-popup-course-lock">
|
|
<div class="popup__wrap popup__wrap_md js-popup-wrap">
|
|
<div class="popup__body">
|
|
<div class="lock">
|
|
<div class="lock__label">ЧТОБЫ ПРОДОЛЖИТЬ ПРОСМОТР</div>
|
|
<div class="lock__title title">Как просто научиться рисовать простых персонажей.</div>
|
|
<div class="lock__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей.</div>
|
|
<a href="{% url 'course-checkout' course.id %}" class="lock__btn btn">КУПИТЬ КУРС</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<script type="text/javascript" src={% static "app.js" %}></script>
|
|
<script>
|
|
var schoolDiscount = parseFloat({{ config.SERVICE_DISCOUNT }});
|
|
var schoolAmountForDiscount = parseFloat({{ config.SERVICE_DISCOUNT_MIN_AMOUNT }});
|
|
</script>
|
|
{% block foot %}{% endblock foot %}
|
|
</body>
|
|
|
|
</html>
|
|
|