templates/Slivki/profile/external_code/external_code_use.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block messenger %}{% endblock %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block mainColumnClass %} one-column bg-white{% endblock %}
  10. {% block main_content %}
  11.     <div class="container p-3">
  12.         <div class="d-flex">
  13.             <div class="col-6">
  14.                 <p style="font-size: 25px;font-family: 'SF Pro Rounded Bold'" class="mt-3 pl-2">Активация промокода из смс MTS.BY</p>
  15.                 <div class="block-code-input" style="justify-self: center;margin: 75px auto;width: 280px">
  16.                     <input autocomplete="off" id="codeUseForMts" class="my-3" style="border:2px rgba(103, 71, 229, 1) solid; color: black;text-align: center;padding: 10px 8px;border-radius: 10px;width: 250px;font-size: 24px" placeholder="XXX-XXX"/>
  17.                     <div id="buttonForUseMts" style="background-color: rgba(240, 237, 252, 1); padding: 13px 10px; text-align: center; font-size: 20px;text-transform: uppercase;width: 250px;border-radius: 10px;color: rgba(143, 143, 143, 1)">
  18.                         Активировать
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.             <div class="col-6">
  23.                 <img src="/images/mts-bonus.png"/>
  24.                 <p style="font-size: 18px" class="py-4">
  25.                     Как это работает:
<br>
  26.                     Откройте приложение МТС Бонус и перейдите в раздел бонусов.<br>
  27.                     В поиске партнеров найдите Slivki.by.
<br>
  28.                     Закажите подарок, получите промокод в SMS-сообщении и введите его в поле выше.<br><br>
  29.                     После ввода вам будет начислено 10 р. на баланс аккаунта, которые вы сможете потратить на покупку любых промокодов. Воспользоваться средствами можно 30 дней с момента активации бонус-кода.
  30.                     <br><br>Подробные условия на сайте <a style="color:red" href="https://www.mts.by/">МТС</a> и в <a style="color:black;text-decoration-line: underline" href="/polzovatelskoe-soglashenie-slivki">Пользовательском соглашении</a> Slivki.by.
  31.                 </p>
  32.             </div>
  33.         </div>
  34.     </div>
  35. {% endblock %}
  37. {% block javascripts %}
  38.     {{ parent() }}
  39.     <script>
  40.         $(function () {
  41.             $('#newAlertPopup').on('hidden.bs.modal', function () {
  42.                if ($('#newAlertPopup').hasClass('profile-redirect')) {
  43.                    showProgress();
  44.                    document.location.href = '/profile';
  45.                }
  46.             });
  47.             const $input = $('#codeUseForMts');
  48.             const $button = $('#buttonForUseMts');
  50.             updateButtonState();
  52.             $input.on('input', function() {
  53.                 updateButtonState();
  54.             });
  56.             function updateButtonState() {
  57.                 if ($input.val().trim() === '') {
  58.                     $button.css({
  59.                         'background-color': 'rgba(240, 237, 252, 1)',
  60.                         'color': 'rgba(143, 143, 143, 1)',
  61.                         'cursor': 'default'
  62.                     });
  63.                 } else {
  64.                     $button.css({
  65.                         'background-color': 'rgba(103, 71, 229, 1)',
  66.                         'color': 'white',
  67.                         'cursor': 'pointer'
  68.                     });
  69.                 }
  70.             }
  72.             $('#buttonForUseMts').click(function () {
  73.                 if ($('#codeUseForMts').val() == '') {
  74.                     return false;
  75.                 }
  77.                 $.ajax({
  78.                     url: '/profile/external-codes/use/' + $('#codeUseForMts').val(),
  79.                     method: 'GET'
  80.                 })
  81.                     .done(function(response, status, xhr) {
  82.                         switch(response) {
  83.                             case 200:
  84.                                 $('#newAlertPopup').addClass('profile-redirect');
  85.                                 $('#newAlertPopup .button').text('Хорошо');
  86.                                 showNewMessageBox('Поздравляем!', '10 руб. успешно зачислены на ваш аккаунт. <br>Теперь вы можете воспользоваться всеми преимуществами!');
  87.                                 break;
  88.                             case 403:
  89.                                 $('#newAlertPopup .button').text('Понятно');
  90.                                 showNewMessageBox('Увы!', 'К сожалению, данный код уже был активирован.<br>Повторное получение невозможно.');
  91.                                 break;
  92.                             case 404:
  93.                                 $('#newAlertPopup .button').text('Понятно');
  94.                                 showNewMessageBox('Ошибка!', 'Указанный код не найден. Пожалуйста, проверьте правильность введенного кода.');
  95.                                 break;
  96.                             case 400:
  97.                                 $('#newAlertPopup .button').text('Понятно');
  98.                                 showNewMessageBox('Ошибка!', 'Не удалось пополнить баланс. Пожалуйста, попробуйте позже или обратитесь в поддержку.');
  99.                                 break;
  100.                             default:
  101.                                 $('#newAlertPopup .button').text('Понятно');
  102.                                 showNewMessageBox('Ошибка!', 'Произошла неизвестная ошибка. Пожалуйста, обратитесь в поддержку.');
  103.                         }
  104.                     })
  105.                     .fail(function() {
  106.                         $('#newAlertPopup .button').text('Понятно');
  107.                         showNewMessageBox('Ошибка!', 'Произошла ошибка при обработке запроса. Пожалуйста, проверьте соединение и попробуйте снова.');
  108.                     });
  109.             });
  110.         })
  111.     </script>
  112. {% endblock %}