templates/Project/Partials/acceptDeclinePoliciesModal.html.twig line 1

Open in your IDE?
  1. {% if is_granted('IS_AUTHENTICATED_FULLY') and app.session.get('pending-policies') %}
  2. {% set policies = app.session.get('pending-policies') %}
  3. {% set types = policies|map(policy => policy.type) %}
  4. <div class="modal fade show" id="acceptDeclinePoliciesModal" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
  5. <div class="modal-dialog" role="document">
  6. <div class="modal-content">
  7. <div class="modal-header important-note-heading">
  8. <h1>Policy Updates</h1>
  9. </div>
  10. <div class="modal-body">
  11. <div>
  12. <br>
  13. <div class="two-fa row mb-2">
  14. <div class="two-fa step-row">
  15. <div class="two-fa step-text">
  16. We have updated our
  17. {{ ' ' }}
  18. {%- for policy in types -%}
  19. {%- if loop.first -%}
  20. {%- if policy == 1 -%}
  21. <a href="https://medbrief.com/services-agreement/" rel="noopener noreferrer nofollow" target="_blank">Services Agreement</a>
  22. {%- elseif policy == 2 -%}
  23. <a href="https://medbrief.com/privacy-policy/" rel="noopener noreferrer nofollow" target="_blank">Privacy Policy</a>
  24. {%- elseif policy == 3 -%}
  25. <a href="https://medbrief.com/cookie-policy/" rel="noopener noreferrer nofollow" target="_blank">Cookie Policy</a>
  26. {%- endif -%}
  27. {%- else -%}
  28. {%- if loop.last and not loop.first %}
  29. and
  30. {% else %},
  31. {% endif -%}
  32. {%- if policy == 1 -%}
  33. <a href="https://medbrief.com/services-agreement/" rel="noopener noreferrer nofollow" target="_blank">Services Agreement</a>
  34. {%- elseif policy == 2 -%}
  35. <a href="https://medbrief.com/privacy-policy/" rel="noopener noreferrer nofollow" target="_blank">Privacy Policy</a>
  36. {%- elseif policy == 3 -%}
  37. <a href="https://medbrief.com/cookie-policy/" rel="noopener noreferrer nofollow" target="_blank">Cookie Policy</a>
  38. {%- endif -%}
  39. {%- endif -%}
  40. {%- endfor -%}.
  41. </div>
  42. </div>
  43. </div>
  45. <div class="two-fa row mb-2">
  46. <div class="two-fa step-row">
  47. <div class="two-fa step-text">
  48. Please review the updated policies and acknowledge your acceptance before continuing to use our services.
  49. </div>
  50. </div>
  51. </div>
  54. <div class="row ">
  55. <div class="two-fa">
  56. <div class="mt-3">
  57. <a href="{{ path('user_policy_decline_policies') }}" class="btn btn-secondary me-2">
  58. I decline
  59. </a>
  61. <a href="{{ path('user_policy_accept_policies') }}" class="btn btn-primary me-2">
  62. I accept
  63. </a>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <!-- /.modal-content -->
  69. </div>
  70. <!-- /.modal-dialog -->
  71. </div>
  72. <!-- /.modal -->
  73. <script>
  74. // Initialize the policy modal on page load
  75. window.addEventListener('load', function () {
  76. var policyModal = document.getElementById('acceptDeclinePoliciesModal');
  77. if (policyModal) {
  78. // Add custom class to backdrop when modal is shown for z-index targeting
  79. policyModal.addEventListener('shown.bs.modal', function () {
  80. var backdrops = document.querySelectorAll('.modal-backdrop');
  81. if (backdrops.length > 0) {
  82. // Get the last backdrop (most recently created)
  83. var backdrop = backdrops[backdrops.length - 1];
  84. backdrop.classList.add('policy-modal-backdrop');
  85. }
  86. });
  87. // Show the modal
  88. $('#acceptDeclinePoliciesModal').modal('show');
  89. }
  90. });
  91. </script>
  92. {% endif %}