templates/AtechNetCoreBundle/Page/warrantyCheck.html.twig line 1

Open in your IDE?
  1. {% extends 'AtechNetCoreBundle/base.html.twig' %}
  3. {% block content %}
  4. <div class="main-content">
  5.     <div class="container">
  6.         <ul class="breadcrumb">
  7.             {% for breadcrumb in breadcrumbs %}
  8.                 <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
  9.             {% endfor %}
  10.         </ul>
  12.         <div class="contact-page pb-5">
  14.             {% for message in app.flashes('error') %}
  15.                 <div class="alert alert-danger text-center" role="alert">
  16.                     {{ message }}
  17.                 </div>
  18.             {% endfor %}
  20.             <h1>{{ 'Warranty check' | trans }}</h1>
  22.             <p>{{ 'Please enter a serial number, which you can find on the back side of the product' | trans }}</p>
  24.             <div class="row">
  25.                 <div class="col-md-3">
  26.                     <div class="form-floating mb-3">
  27.                         <input type="text" class="form-control" id="warranty-serial-to-check" placeholder="{{ 'Product serial number'|trans }}">
  28.                         <label for="floatingInput">{{ 'Product serial number'|trans }}</label>
  29.                     </div>
  30.                 </div>
  31.                 <div class="col-md-3">
  32.                     <button id="check-warranty" class="btn btn-primary d-inline-block btn-form-height" disabled style="padding-top:14px;padding-bottom:15px;">{{ 'Check warranty' | trans }}</button>
  33.                 </div>
  34.                 <div class="mt-4 mb-3 captcha-content" id="captcha">
  35.                     <div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="{{ app.request.server.get('APP_ENV') == 'dev' ? '6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI' : '6LcgtrsUAAAAAKfbqtsyv3O06NjYslER3UcqCwJS'}}"></div>
  36.                 </div>
  37.                 <div class="d-flex flex-fill align-items-center justify-content-center w-100">
  38.                     <div class="spinner-grow" role="status" id="loader" style="color: #78af20 !important; width: 3rem; height: 3rem; display: none">
  39.                     </div>
  40.                 </div>
  41.                 <div id="result" class="mt-3 min-vh-100"></div>
  42.             </div>
  43.         </div>
  44.     </div>
  45. </div>
  46. {% endblock %}
  48. {% block title %}{{ 'Warranty check' | trans }} | {{ parent() }}{% endblock %}
  50. {% block meta %}
  51.     {% set domainTLD = app.request.session.get('defaultLocale') %}
  53.     {% if domainTLD == 'en' %}
  54.         {% set domainTLD = 'eu' %}
  55.     {% endif %}
  57.     <meta name="description" content="{{ 'warranty check description' | trans }}" />
  58.     <meta property="og:url" content="{{ app.request.uri }}" />
  59.     <meta property="og:type" content="product" />
  60.     <meta property="og:locale" content="{{ app.request.locale |ogLocale }}" />
  61.     <meta property="og:title" content="{{ 'Warranty check' | trans }}" />
  62.     <meta property="og:image" content="https://www.furbify.{{ domainTLD }}/theme/images/furbify-share-image.png" />
  63. {% endblock %}
  65. {% block stylesheets %}
  66.     {{ parent() }}
  67. {% endblock %}
  69. {% block header %}
  70.     {{ include(template_from_string(header)) }}
  71. {% endblock %}
  73. {% block footer %}
  74.     {{ include(template_from_string(footer)) }}
  75. {% endblock %}
  77. {% block javascripts %}
  78.     {{ parent() }}
  79.     <script src="https://www.google.com/recaptcha/api.js?hl={{( app.request.locale == 'cz' ? 'cs' : app.request.locale )}}" async defer></script>
  80.     <script>
  81.         function recaptchaCallback() {
  82.             $('#check-warranty').removeAttr('disabled');
  83.         }
  85.         let warrantyCheckUrl = '{{ path('warranty_check_service') }}';
  87.         $('#check-warranty').click(function(){
  88.             let serialToCheck = $('#warranty-serial-to-check').val();
  90.             if (serialToCheck.length >= 3){
  91.                 $('#captcha').hide();
  92.                 $('#loader').show();
  93.                 $('#result').html('');
  95.                 $.post(warrantyCheckUrl, {
  96.                     serialToCheck: serialToCheck
  97.                 }).done(function(response){
  98.                     $('#result').html(response);
  99.                     $('#loader').hide();
  100.                 });
  101.             }
  102.         });
  103.     </script>
  104. {% endblock %}