templates/bundles/TwigBundle/Exception/error.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_printable.html.twig' %}
  2. {% block javascripts %}
  3.     {{ parent() }}
  4.     <style>
  5.         .main-container {
  6.             display: flex;
  7.             flex-direction: column;
  8.             align-items: center;
  9.             height: 100vh;
  10.         }
  11.         .error-section {
  12.             background-color: #ffdddd;
  13.             padding: 20px;
  14.             border-radius: 5px;
  15.             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  16.             text-align: center;
  17.             margin-bottom: 20px;
  18.             width: 80%;
  19.         }
  20.         .form-container {
  21.             background-color: #ffffff;
  22.             padding: 20px;
  23.             border-radius: 5px;
  24.             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  25.             width: 800px;
  26.         }
  27.         .user-info {
  28.             text-align: center;
  29.             padding-bottom: 30px;
  30.         }
  31.         .user-info > h3 {
  32.             margin: 0;
  33.         }
  34.         .request-url {
  35.             border: none;
  36.             outline: none;
  37.         }
  38.         label {
  39.             font-weight: lighter;
  40.             font-size: 12px;
  41.         }
  42.         input, textarea {
  43.             width: 100%;
  44.             padding: 10px;
  45.             margin-bottom: 12px;
  46.             border: 1px solid #ccc;
  47.             border-radius: 4px;
  48.             box-sizing: border-box;
  49.         }
  50.         .error-footer span {
  51.             display: block;
  52.             color: red;
  53.             font-size: 14px;
  54.             margin-bottom: 5px;
  55.         }
  56.         .error-footer span a {
  57.             color: blue;
  58.         }
  59.         .error-footer a {
  60.             color: red;
  61.             text-decoration: underline;
  62.         }
  63.         .btn-green {
  64.             background-color: #5bbc84; color: #fff;
  65.             border: none;
  66.             padding: 0.5rem 1rem;
  67.             border-radius: 3px;
  68.             cursor: pointer;
  69.         }
  70.         .url {
  71.             display: flex;
  72.             align-content: center;
  73.         }
  74.         .url input {
  75.             padding: 0;
  76.         }
  77.     </style>
  78.     <script>
  79.         document.addEventListener('DOMContentLoaded', function () {
  80.             var emailInput = document.getElementById('error_form_email_first');
  81.             var confirmEmailInput = document.getElementById('error_form_email_second');
  82.             var submitButton = document.querySelector('#errorSubmitForm button');
  83.             var errorMessage = document.getElementById('error_message');
  85.             function validateAndEnableSubmit() {
  86.                 var emailValue = emailInput.value.trim();
  87.                 var confirmEmailValue = confirmEmailInput.value.trim();
  89.                 if (emailValue !== '' && confirmEmailValue !== '' && emailValue === confirmEmailValue) {
  90.                     submitButton.removeAttribute('disabled');
  91.                     errorMessage.textContent = '';
  92.                 } else {
  93.                     submitButton.setAttribute('disabled', 'disabled');
  94.                     errorMessage.textContent = 'Emails do not match';
  95.                 }
  96.             }
  98.             emailInput.addEventListener('input', validateAndEnableSubmit);
  99.             confirmEmailInput.addEventListener('input', validateAndEnableSubmit);
  100.         });
  102.     </script>
  103. {% endblock %}
  104. {% block content %}
  105.     <div class="main-container">
  106.         <div class="error-section">
  107.             <h2 style="color: #e34646;">
  108.                 Error: {{ statusCode }}
  109.                 {% if statusCode == 500 %}
  110.                     Internal Server Error
  111.                 {% elseif statusCode == 404 %}
  112.                     Not Found
  113.                 {% elseif statusCode == 403 %}
  114.                     Forbidden
  115.                 {% elseif statusCode == 401 %}
  116.                     Unauthorized
  117.                 {% elseif statusCode == 400 %}
  118.                     Bad Request
  119.                 {% else %}
  120.                     Unknown Error
  121.                 {% endif %}
  122.             </h2>
  123.             <h3 style="color: #d85555; font-weight: normal">Message : {{ exception.message }}</h3>
  124.         </div>
  125.         {% if app.user %}
  126.             <div class="form-container">
  127.                 <div class="user-info">
  128.                     <h3>{{ app.user.email }}</h3>
  129.                     <h3>{{ app.user.type }}</h3>
  130.                 </div>
  131.                 {{ form_start(form, {'attr': {'id': 'errorSubmitForm' ,'action': path('error_submt')}}) }}
  132.                 <div class="url">
  133.                     <span >URL:</span>
  134.                     <input type="text" name="request-url" class="request-url" value=" {{ app.request.uri }}" readonly>
  135.                 </div>
  136.                 <div class="form-column">
  137.                     {{ form_row(form.message) }}
  138.                 </div>
  139.                 <span>Screenshots or Other files</span>
  140.                 <div class="form-column">
  141.                     {{ form_row(form.image) }}
  142.                 </div>
  143.                 <div class="form-column">
  144.                     {{ form_row(form.email) }}
  145.                     <p style="padding: 0; margin: 0">We will use this email to contact you about any updates on your request.</p>
  146.                 </div>
  147.                 <p id="error_message" style="color: red;"></p>
  148.                 <input type="hidden" name="exception_error" value="{{ exception }}">
  149.                 <input type="hidden" name="exception_file" value="{{ exception.file }}">
  150.                 <input type="hidden" name="exception_message" value="{{ exception. message }}">
  151.                 <input type="hidden" name="exception_code" value="{{ statusCode }}">
  152.                 <div class="form-column">
  153.                     <button class="btn-green " type="submit" disabled>Submit</button>
  154.                 </div>
  155.                 {{ form_end(form) }}
  156.                 <div class="error-footer">
  157.                     <span>This is custom error, please file a support ticket with screenshots of error by clicking <a href="#">here</a></span>
  158.                     <p>We've been notified about this issue and we'll take a look at it shortly. thank you for your patience.</p>
  159.                 </div>
  160.             </div>
  161.         {% else %}
  162.             <span>Go to home page <a href="{{ path('app_home') }}">click here</a></span>
  163.         {% endif %}
  164.     </div>
  165. {% endblock %}