var/cache/dev/twig/93/938129d9876e8d6a9606e7b9d414e5e3.php line 56

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* user/ask_password.html.twig */
  18. class __TwigTemplate_953ec3ab75e1125c959cbfe8e87e8969 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'fos_user_title' => [$this, 'block_fos_user_title'],
  34.             'fos_user_content' => [$this, 'block_fos_user_content'],
  35.             'stylesheets' => [$this, 'block_stylesheets'],
  36.             'fos_user_script' => [$this, 'block_fos_user_script'],
  37.         ];
  38.     }
  40.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  41.     {
  42.         // line 1
  43.         return "base_security.html.twig";
  44.     }
  46.     protected function doDisplay(array $context, array $blocks = []): iterable
  47.     {
  48.         $macros = $this->macros;
  49.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "user/ask_password.html.twig"));
  52.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "user/ask_password.html.twig"));
  55.         $this->parent = $this->loadTemplate("base_security.html.twig", "user/ask_password.html.twig", 1);
  56.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  57.         
  58.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  60.         
  61.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  63.     }
  65.     // line 3
  66.     /**
  67.      * @return iterable<null|scalar|\Stringable>
  68.      */
  69.     public function block_fos_user_title(array $context, array $blocks = []): iterable
  70.     {
  71.         $macros = $this->macros;
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "fos_user_title"));
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  76.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "fos_user_title"));
  78.         // line 4
  79.         yield "    <h4 class=\"auth-header\">";
  80.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("menu.init_reset_password"), "html", null, true);
  81.         yield "</h4>
  82. ";
  83.         
  84.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  86.         
  87.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  89.         yield from [];
  90.     }
  92.     // line 7
  93.     /**
  94.      * @return iterable<null|scalar|\Stringable>
  95.      */
  96.     public function block_fos_user_content(array $context, array $blocks = []): iterable
  97.     {
  98.         $macros = $this->macros;
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  100.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "fos_user_content"));
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  103.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "fos_user_content"));
  105.         // line 8
  106.         yield "    <div class=\"container\">
  107.         <div class=\"comoros-flag-animation\">
  108.             <div class=\"flag-wave\">
  109.                 <svg viewBox=\"0 0 600 400\" xmlns=\"http://www.w3.org/2000/svg\">
  110.                     <!-- Drapeau des Comores animé -->
  111.                     <defs>
  112.                         <linearGradient id=\"waveGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">
  113.                             <stop offset=\"0%\" style=\"stop-color:#3b6e2c;stop-opacity:1\" />
  114.                             <stop offset=\"50%\" style=\"stop-color:#ffffff;stop-opacity:1\" />
  115.                             <stop offset=\"100%\" style=\"stop-color:#cf0921;stop-opacity:1\" />
  116.                         </linearGradient>
  117.                         <filter id=\"shadow\">
  118.                             <feDropShadow dx=\"2\" dy=\"4\" stdDeviation=\"3\" flood-opacity=\"0.3\"/>
  119.                         </filter>
  120.                     </defs>
  121.                     
  122.                     <!-- Bande jaune (lune et étoiles) -->
  123.                     <rect x=\"0\" y=\"0\" width=\"600\" height=\"400\" fill=\"#f3c300\"/>
  124.                     
  125.                     <!-- Bandes horizontales -->
  126.                     <rect x=\"80\" y=\"0\" width=\"520\" height=\"80\" fill=\"#3b6e2c\"/>
  127.                     <rect x=\"80\" y=\"80\" width=\"520\" height=\"80\" fill=\"#ffffff\"/>
  128.                     <rect x=\"80\" y=\"160\" width=\"520\" height=\"80\" fill=\"#cf0921\"/>
  129.                     <rect x=\"80\" y=\"240\" width=\"520\" height=\"160\" fill=\"#f3c300\"/>
  130.                     
  131.                     <!-- Triangle blanc -->
  132.                     <polygon points=\"0,0 120,0 120,400 0,400\" fill=\"#ffffff\"/>
  133.                     
  134.                     <!-- Triangle vert -->
  135.                     <polygon points=\"0,0 100,0 100,400 0,400\" fill=\"#3b6e2c\"/>
  136.                     
  137.                     <!-- Croissant et étoiles -->
  138.                     <g class=\"moon-stars\" filter=\"url(#shadow)\">
  139.                         <!-- Croissant de lune -->
  140.                         <circle cx=\"55\" cy=\"200\" r=\"35\" fill=\"#f3c300\"/>
  141.                         <circle cx=\"70\" cy=\"195\" r=\"28\" fill=\"#3b6e2c\"/>
  142.                         
  143.                         <!-- 4 étoiles -->
  144.                         <polygon points=\"45,120 48,130 58,130 50,136 53,146 45,140 37,146 40,136 32,130 42,130\" fill=\"#ffffff\" class=\"star1\"/>
  145.                         <polygon points=\"85,280 88,290 98,290 90,296 93,306 85,300 77,306 80,296 72,290 82,290\" fill=\"#ffffff\" class=\"star2\"/>
  146.                         <polygon points=\"25,300 28,310 38,310 30,316 33,326 25,320 17,326 20,316 12,310 22,310\" fill=\"#ffffff\" class=\"star3\"/>
  147.                         <polygon points=\"95,140 98,150 108,150 100,156 103,166 95,160 87,166 90,156 82,150 92,150\" fill=\"#ffffff\" class=\"star4\"/>
  148.                     </g>
  149.                 </svg>
  150.             </div>
  151.         </div>
  153.         <div class=\"form-text text-md-center\">
  154.             <em>
  155.                 ";
  156.         // line 57
  157.         yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("menu.information_for_reset_password_with_tag", ["%tag_br%" => "<br/>"]);
  158.         yield "
  159.             </em>
  160.         </div>
  162.         <form action=\"";
  163.         // line 61
  164.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("register_ask_new_password");
  165.         yield "\" method=\"POST\" class=\"fos_user_resetting_request\">
  166.             ";
  167.         // line 62
  168.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 62, $this->source); })()), "_token", [], "any", false, false, false, 62), 'widget');
  169.         yield "
  170.             <div class=\"form-group\">
  171.                 <label for=\"\">";
  172.         // line 64
  173.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("menu.login_phone"), "html", null, true);
  174.         yield "*</label>
  175.                 ";
  176.         // line 65
  177.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 65, $this->source); })()), "phone", [], "any", false, false, false, 65), 'widget');
  178.         yield "
  179.                 <div class=\"pre-icon os-icon os-icon-user-male-circle\"></div>
  180.             </div>
  181.             <div class=\"form-group\">
  182.                 <label for=\"\">";
  183.         // line 69
  184.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("menu.optional_email"), "html", null, true);
  185.         yield "</label>
  186.                 ";
  187.         // line 70
  188.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 70, $this->source); })()), "email", [], "any", false, false, false, 70), 'widget');
  189.         yield "
  190.                 <div class=\"pre-icon os-icon os-icon-email-forward\"></div>
  191.             </div>
  192.             <div class=\"form-group\">
  193.                 <label for=\"\">";
  194.         // line 74
  195.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("menu.verification_code"), "html", null, true);
  196.         yield "</label>
  197.                 ";
  198.         // line 75
  199.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 75, $this->source); })()), "validCode", [], "any", false, false, false, 75), 'widget', ["value" => ""]);
  200.         yield "
  201.                 <div class=\"pre-icon os-icon os-icon-fingerprint\"></div>
  202.             </div>
  203.             <div class=\"multi_submit\">
  204.                 <input id=\"submit_change_password\" class=\"btn btn-primary\" type=\"submit\" value=\"Initialiser\" />
  205.                 <a class=\"btn btn-primary\" href=\"";
  206.         // line 80
  207.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("logout");
  208.         yield "\">";
  209.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("menu.cancel"), "html", null, true);
  210.         yield "</a>
  211.             </div>
  212.         </form>
  213.     </div>
  214. ";
  215.         
  216.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  218.         
  219.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  221.         yield from [];
  222.     }
  224.     // line 86
  225.     /**
  226.      * @return iterable<null|scalar|\Stringable>
  227.      */
  228.     public function block_stylesheets(array $context, array $blocks = []): iterable
  229.     {
  230.         $macros = $this->macros;
  231.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  232.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  234.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  235.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  237.         // line 87
  238.         yield "    ";
  239.         yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  240.         yield "
  241.     <style>
  242.         /* ============================================
  243.            CADRE RECTANGLE - LARGEUR RÉDUITE
  244.            ============================================ */
  245.         
  246.         /* Cadre rectangle plus petit */
  247.         .auth-box-w {
  248.             max-width: 380px !important;
  249.             width: 100% !important;
  250.             margin: 30px auto !important;
  251.             padding: 25px 28px 30px 28px !important;
  252.             border-radius: 16px !important;
  253.             background: white !important;
  254.             box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
  255.             border: 1px solid #ddd !important;
  256.             position: relative !important;
  257.             z-index: 2 !important;
  258.         }
  259.         
  260.         /* Centrage de la carte */
  261.         .auth-wrapper {
  262.             display: flex !important;
  263.             justify-content: center !important;
  264.             align-items: center !important;
  265.             min-height: 100vh !important;
  266.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  267.             position: relative !important;
  268.             overflow: hidden !important;
  269.         }
  270.         
  271.         /* Animation du drapeau comorien en arrière-plan */
  272.         .comoros-flag-animation {
  273.             position: fixed !important;
  274.             top: 0 !important;
  275.             left: 0 !important;
  276.             width: 100% !important;
  277.             height: 100% !important;
  278.             z-index: 1 !important;
  279.             pointer-events: none !important;
  280.             overflow: hidden !important;
  281.         }
  282.         
  283.         .flag-wave {
  284.             position: absolute !important;
  285.             top: 50% !important;
  286.             left: 50% !important;
  287.             transform: translate(-50%, -50%) scale(0.8) !important;
  288.             width: 600px !important;
  289.             height: 400px !important;
  290.             opacity: 0.15 !important;
  291.             animation: floatFlag 8s ease-in-out infinite, rotateFlag 20s linear infinite !important;
  292.         }
  293.         
  294.         .flag-wave svg {
  295.             width: 100% !important;
  296.             height: 100% !important;
  297.             animation: waveFlag 3s ease-in-out infinite !important;
  298.         }
  299.         
  300.         /* Animation des étoiles */
  301.         .star1 {
  302.             animation: starGlow 2s ease-in-out infinite;
  303.             transform-origin: 45px 140px;
  304.         }
  305.         
  306.         .star2 {
  307.             animation: starGlow 2.5s ease-in-out infinite 0.5s;
  308.             transform-origin: 85px 300px;
  309.         }
  310.         
  311.         .star3 {
  312.             animation: starGlow 3s ease-in-out infinite 1s;
  313.             transform-origin: 25px 320px;
  314.         }
  315.         
  316.         .star4 {
  317.             animation: starGlow 2.2s ease-in-out infinite 1.5s;
  318.             transform-origin: 95px 160px;
  319.         }
  320.         
  321.         .moon-stars {
  322.             animation: pulse 3s ease-in-out infinite;
  323.         }
  324.         
  325.         @keyframes floatFlag {
  326.             0%, 100% {
  327.                 transform: translate(-50%, -50%) scale(0.8) translateY(0px);
  328.             }
  329.             50% {
  330.                 transform: translate(-50%, -50%) scale(0.85) translateY(-20px);
  331.             }
  332.         }
  333.         
  334.         @keyframes rotateFlag {
  335.             0% {
  336.                 transform: translate(-50%, -50%) scale(0.8) rotate(0deg);
  337.             }
  338.             100% {
  339.                 transform: translate(-50%, -50%) scale(0.8) rotate(360deg);
  340.             }
  341.         }
  342.         
  343.         @keyframes waveFlag {
  344.             0%, 100% {
  345.                 transform: skewX(0deg) scaleX(1);
  346.             }
  347.             50% {
  348.                 transform: skewX(5deg) scaleX(1.05);
  349.             }
  350.         }
  351.         
  352.         @keyframes starGlow {
  353.             0%, 100% {
  354.                 opacity: 0.7;
  355.                 transform: scale(1);
  356.             }
  357.             50% {
  358.                 opacity: 1;
  359.                 transform: scale(1.2);
  360.             }
  361.         }
  362.         
  363.         @keyframes pulse {
  364.             0%, 100% {
  365.                 transform: scale(1);
  366.             }
  367.             50% {
  368.                 transform: scale(1.05);
  369.             }
  370.         }
  371.         
  372.         /* Logos en haut */
  373.         .logo-w {
  374.             padding: 10px 0 20px 0 !important;
  375.             margin-bottom: 10px !important;
  376.             gap: 15px !important;
  377.             display: flex !important;
  378.             justify-content: center !important;
  379.             position: relative !important;
  380.             z-index: 2 !important;
  381.         }
  382.         
  383.         .logo-w img {
  384.             max-width: 85px !important;
  385.             height: auto !important;
  386.         }
  387.         
  388.         /* Bouton langue */
  389.         #buttonSelectLang {
  390.             height: 32px !important;
  391.             margin: 0 !important;
  392.             padding: 4px 10px !important;
  393.             font-size: 11px !important;
  394.         }
  395.         
  396.         /* Titre */
  397.         .auth-header {
  398.             font-size: 22px !important;
  399.             font-weight: 600 !important;
  400.             text-align: center !important;
  401.             margin-bottom: 20px !important;
  402.             padding-bottom: 10px !important;
  403.             border-bottom: 2px solid #e0e0e0 !important;
  404.             color: #333 !important;
  405.         }
  406.         
  407.         /* Texte d'information */
  408.         .form-text {
  409.             background: #f9f9f9 !important;
  410.             padding: 10px 12px !important;
  411.             border-radius: 8px !important;
  412.             margin-bottom: 20px !important;
  413.             font-size: 12px !important;
  414.             color: #666 !important;
  415.             text-align: center !important;
  416.             border-left: 3px solid #007bff !important;
  417.         }
  418.         
  419.         /* Champs de formulaire */
  420.         .form-group {
  421.             margin-bottom: 18px !important;
  422.         }
  423.         
  424.         .form-group label {
  425.             font-size: 12px !important;
  426.             font-weight: 500 !important;
  427.             color: #333 !important;
  428.             margin-bottom: 5px !important;
  429.             display: block !important;
  430.         }
  431.         
  432.         .form-control {
  433.             width: 100% !important;
  434.             padding: 8px 10px !important;
  435.             border: 1px solid #ccc !important;
  436.             border-radius: 6px !important;
  437.             font-size: 13px !important;
  438.             background: #fff !important;
  439.         }
  440.         
  441.         .form-control:focus {
  442.             border-color: #007bff !important;
  443.             outline: none !important;
  444.             box-shadow: 0 0 0 2px rgba(0,123,255,0.1) !important;
  445.         }
  446.         
  447.         /* Boutons */
  448.         .multi_submit {
  449.             display: flex !important;
  450.             gap: 12px !important;
  451.             margin-top: 20px !important;
  452.         }
  453.         
  454.         .btn-primary {
  455.             flex: 1 !important;
  456.             background: #007bff !important;
  457.             border: none !important;
  458.             padding: 8px !important;
  459.             border-radius: 6px !important;
  460.             font-size: 13px !important;
  461.             font-weight: 500 !important;
  462.             cursor: pointer !important;
  463.             color: white !important;
  464.             text-align: center !important;
  465.             transition: background 0.2s !important;
  466.         }
  467.         
  468.         .btn-primary:hover {
  469.             background: #0056b3 !important;
  470.         }
  471.         
  472.         /* Cacher les icônes */
  473.         .pre-icon {
  474.             display: none !important;
  475.         }
  476.         
  477.         /* Petits drapeaux décoratifs */
  478.         .small-flags {
  479.             position: fixed !important;
  480.             bottom: 20px !important;
  481.             right: 20px !important;
  482.             z-index: 2 !important;
  483.             display: flex !important;
  484.             gap: 5px !important;
  485.         }
  486.         
  487.         .small-flag {
  488.             width: 30px !important;
  489.             height: 20px !important;
  490.             background: linear-gradient(135deg, #3b6e2c 33%, #ffffff 33%, #ffffff 66%, #cf0921 66%) !important;
  491.             border-radius: 3px !important;
  492.             animation: smallFlagWave 1s ease-in-out infinite !important;
  493.         }
  494.         
  495.         @keyframes smallFlagWave {
  496.             0%, 100% {
  497.                 transform: rotate(0deg);
  498.             }
  499.             50% {
  500.                 transform: rotate(5deg);
  501.             }
  502.         }
  503.         
  504.         /* Responsive */
  505.         @media (max-width: 500px) {
  506.             .auth-box-w {
  507.                 max-width: 95% !important;
  508.                 margin: 15px auto !important;
  509.                 padding: 18px 18px 22px 18px !important;
  510.             }
  511.             
  512.             .logo-w img {
  513.                 max-width: 60px !important;
  514.             }
  515.             
  516.             .multi_submit {
  517.                 flex-direction: column !important;
  518.                 gap: 8px !important;
  519.             }
  520.             
  521.             .flag-wave {
  522.                 transform: translate(-50%, -50%) scale(0.4) !important;
  523.             }
  524.         }
  525.     </style>
  526. ";
  527.         
  528.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  530.         
  531.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  533.         yield from [];
  534.     }
  536.     // line 375
  537.     /**
  538.      * @return iterable<null|scalar|\Stringable>
  539.      */
  540.     public function block_fos_user_script(array $context, array $blocks = []): iterable
  541.     {
  542.         $macros = $this->macros;
  543.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  544.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "fos_user_script"));
  546.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  547.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "fos_user_script"));
  549.         // line 376
  550.         yield "    ";
  551.         yield from $this->yieldParentBlock("fos_user_script", $context, $blocks);
  552.         yield "
  553.     <script>
  554.         change_submit_name();
  555.         \$('#userbundle_user_validCode').on('input', function(e) {
  556.             change_submit_name();
  557.         });
  558.         
  559.         function change_submit_name() {
  560.             if(\$('#userbundle_user_validCode').val().length > 0) {
  561.                 \$('#submit_change_password').val(\"Initialiser votre mot de passe\");
  562.             } else {
  563.                 \$('#submit_change_password').val(\"Demander le code\");
  564.             }
  565.         }
  566.         
  567.         // animations supplémentaires
  568.         \$(document).ready(function() {
  569.             // Créer des petites particules aux couleurs du drapeau
  570.             setInterval(function() {
  571.                 var colors = ['#3b6e2c', '#ffffff', '#cf0921', '#f3c300'];
  572.                 var particle = \$('<div class=\"flag-particle\"></div>');
  573.                 particle.css({
  574.                     position: 'fixed',
  575.                     width: '5px',
  576.                     height: '5px',
  577.                     background: colors[Math.floor(Math.random() * colors.length)],
  578.                     borderRadius: '50%',
  579.                     bottom: '0px',
  580.                     left: Math.random() * window.innerWidth + 'px',
  581.                     opacity: Math.random() * 0.5 + 0.2,
  582.                     zIndex: 1,
  583.                     pointerEvents: 'none'
  584.                 });
  585.                 \$('body').append(particle);
  586.                 
  587.                 particle.animate({
  588.                     bottom: window.innerHeight + 'px',
  589.                     opacity: 0
  590.                 }, Math.random() * 3000 + 2000, function() {
  591.                     particle.remove();
  592.                 });
  593.             }, 500);
  594.         });
  595.     </script>
  596. ";
  597.         
  598.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  600.         
  601.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  603.         yield from [];
  604.     }
  606.     /**
  607.      * @codeCoverageIgnore
  608.      */
  609.     public function getTemplateName(): string
  610.     {
  611.         return "user/ask_password.html.twig";
  612.     }
  614.     /**
  615.      * @codeCoverageIgnore
  616.      */
  617.     public function isTraitable(): bool
  618.     {
  619.         return false;
  620.     }
  622.     /**
  623.      * @codeCoverageIgnore
  624.      */
  625.     public function getDebugInfo(): array
  626.     {
  627.         return array (  550 => 376,  537 => 375,  238 => 87,  225 => 86,  207 => 80,  199 => 75,  195 => 74,  188 => 70,  184 => 69,  177 => 65,  173 => 64,  168 => 62,  164 => 61,  157 => 57,  106 => 8,  93 => 7,  79 => 4,  66 => 3,  43 => 1,);
  628.     }
  630.     public function getSourceContext(): Source
  631.     {
  632.         return new Source("{% extends \"base_security.html.twig\" %}
  634. {% block fos_user_title %}
  635.     <h4 class=\"auth-header\">{{ 'menu.init_reset_password' | trans }}</h4>
  636. {% endblock fos_user_title %}
  638. {% block fos_user_content %}
  639.     <div class=\"container\">
  640.         <div class=\"comoros-flag-animation\">
  641.             <div class=\"flag-wave\">
  642.                 <svg viewBox=\"0 0 600 400\" xmlns=\"http://www.w3.org/2000/svg\">
  643.                     <!-- Drapeau des Comores animé -->
  644.                     <defs>
  645.                         <linearGradient id=\"waveGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">
  646.                             <stop offset=\"0%\" style=\"stop-color:#3b6e2c;stop-opacity:1\" />
  647.                             <stop offset=\"50%\" style=\"stop-color:#ffffff;stop-opacity:1\" />
  648.                             <stop offset=\"100%\" style=\"stop-color:#cf0921;stop-opacity:1\" />
  649.                         </linearGradient>
  650.                         <filter id=\"shadow\">
  651.                             <feDropShadow dx=\"2\" dy=\"4\" stdDeviation=\"3\" flood-opacity=\"0.3\"/>
  652.                         </filter>
  653.                     </defs>
  654.                     
  655.                     <!-- Bande jaune (lune et étoiles) -->
  656.                     <rect x=\"0\" y=\"0\" width=\"600\" height=\"400\" fill=\"#f3c300\"/>
  657.                     
  658.                     <!-- Bandes horizontales -->
  659.                     <rect x=\"80\" y=\"0\" width=\"520\" height=\"80\" fill=\"#3b6e2c\"/>
  660.                     <rect x=\"80\" y=\"80\" width=\"520\" height=\"80\" fill=\"#ffffff\"/>
  661.                     <rect x=\"80\" y=\"160\" width=\"520\" height=\"80\" fill=\"#cf0921\"/>
  662.                     <rect x=\"80\" y=\"240\" width=\"520\" height=\"160\" fill=\"#f3c300\"/>
  663.                     
  664.                     <!-- Triangle blanc -->
  665.                     <polygon points=\"0,0 120,0 120,400 0,400\" fill=\"#ffffff\"/>
  666.                     
  667.                     <!-- Triangle vert -->
  668.                     <polygon points=\"0,0 100,0 100,400 0,400\" fill=\"#3b6e2c\"/>
  669.                     
  670.                     <!-- Croissant et étoiles -->
  671.                     <g class=\"moon-stars\" filter=\"url(#shadow)\">
  672.                         <!-- Croissant de lune -->
  673.                         <circle cx=\"55\" cy=\"200\" r=\"35\" fill=\"#f3c300\"/>
  674.                         <circle cx=\"70\" cy=\"195\" r=\"28\" fill=\"#3b6e2c\"/>
  675.                         
  676.                         <!-- 4 étoiles -->
  677.                         <polygon points=\"45,120 48,130 58,130 50,136 53,146 45,140 37,146 40,136 32,130 42,130\" fill=\"#ffffff\" class=\"star1\"/>
  678.                         <polygon points=\"85,280 88,290 98,290 90,296 93,306 85,300 77,306 80,296 72,290 82,290\" fill=\"#ffffff\" class=\"star2\"/>
  679.                         <polygon points=\"25,300 28,310 38,310 30,316 33,326 25,320 17,326 20,316 12,310 22,310\" fill=\"#ffffff\" class=\"star3\"/>
  680.                         <polygon points=\"95,140 98,150 108,150 100,156 103,166 95,160 87,166 90,156 82,150 92,150\" fill=\"#ffffff\" class=\"star4\"/>
  681.                     </g>
  682.                 </svg>
  683.             </div>
  684.         </div>
  686.         <div class=\"form-text text-md-center\">
  687.             <em>
  688.                 {{ 'menu.information_for_reset_password_with_tag' | trans({'%tag_br%': '<br/>'}) | raw }}
  689.             </em>
  690.         </div>
  692.         <form action=\"{{ path('register_ask_new_password') }}\" method=\"POST\" class=\"fos_user_resetting_request\">
  693.             {{ form_widget(form._token) }}
  694.             <div class=\"form-group\">
  695.                 <label for=\"\">{{ 'menu.login_phone' | trans }}*</label>
  696.                 {{ form_widget(form.phone) }}
  697.                 <div class=\"pre-icon os-icon os-icon-user-male-circle\"></div>
  698.             </div>
  699.             <div class=\"form-group\">
  700.                 <label for=\"\">{{ 'menu.optional_email' | trans }}</label>
  701.                 {{ form_widget(form.email) }}
  702.                 <div class=\"pre-icon os-icon os-icon-email-forward\"></div>
  703.             </div>
  704.             <div class=\"form-group\">
  705.                 <label for=\"\">{{ 'menu.verification_code' | trans }}</label>
  706.                 {{ form_widget(form.validCode, { 'value': '' }) }}
  707.                 <div class=\"pre-icon os-icon os-icon-fingerprint\"></div>
  708.             </div>
  709.             <div class=\"multi_submit\">
  710.                 <input id=\"submit_change_password\" class=\"btn btn-primary\" type=\"submit\" value=\"Initialiser\" />
  711.                 <a class=\"btn btn-primary\" href=\"{{ path('logout') }}\">{{ 'menu.cancel' | trans }}</a>
  712.             </div>
  713.         </form>
  714.     </div>
  715. {% endblock fos_user_content %}
  717. {% block stylesheets %}
  718.     {{ parent() }}
  719.     <style>
  720.         /* ============================================
  721.            CADRE RECTANGLE - LARGEUR RÉDUITE
  722.            ============================================ */
  723.         
  724.         /* Cadre rectangle plus petit */
  725.         .auth-box-w {
  726.             max-width: 380px !important;
  727.             width: 100% !important;
  728.             margin: 30px auto !important;
  729.             padding: 25px 28px 30px 28px !important;
  730.             border-radius: 16px !important;
  731.             background: white !important;
  732.             box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
  733.             border: 1px solid #ddd !important;
  734.             position: relative !important;
  735.             z-index: 2 !important;
  736.         }
  737.         
  738.         /* Centrage de la carte */
  739.         .auth-wrapper {
  740.             display: flex !important;
  741.             justify-content: center !important;
  742.             align-items: center !important;
  743.             min-height: 100vh !important;
  744.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  745.             position: relative !important;
  746.             overflow: hidden !important;
  747.         }
  748.         
  749.         /* Animation du drapeau comorien en arrière-plan */
  750.         .comoros-flag-animation {
  751.             position: fixed !important;
  752.             top: 0 !important;
  753.             left: 0 !important;
  754.             width: 100% !important;
  755.             height: 100% !important;
  756.             z-index: 1 !important;
  757.             pointer-events: none !important;
  758.             overflow: hidden !important;
  759.         }
  760.         
  761.         .flag-wave {
  762.             position: absolute !important;
  763.             top: 50% !important;
  764.             left: 50% !important;
  765.             transform: translate(-50%, -50%) scale(0.8) !important;
  766.             width: 600px !important;
  767.             height: 400px !important;
  768.             opacity: 0.15 !important;
  769.             animation: floatFlag 8s ease-in-out infinite, rotateFlag 20s linear infinite !important;
  770.         }
  771.         
  772.         .flag-wave svg {
  773.             width: 100% !important;
  774.             height: 100% !important;
  775.             animation: waveFlag 3s ease-in-out infinite !important;
  776.         }
  777.         
  778.         /* Animation des étoiles */
  779.         .star1 {
  780.             animation: starGlow 2s ease-in-out infinite;
  781.             transform-origin: 45px 140px;
  782.         }
  783.         
  784.         .star2 {
  785.             animation: starGlow 2.5s ease-in-out infinite 0.5s;
  786.             transform-origin: 85px 300px;
  787.         }
  788.         
  789.         .star3 {
  790.             animation: starGlow 3s ease-in-out infinite 1s;
  791.             transform-origin: 25px 320px;
  792.         }
  793.         
  794.         .star4 {
  795.             animation: starGlow 2.2s ease-in-out infinite 1.5s;
  796.             transform-origin: 95px 160px;
  797.         }
  798.         
  799.         .moon-stars {
  800.             animation: pulse 3s ease-in-out infinite;
  801.         }
  802.         
  803.         @keyframes floatFlag {
  804.             0%, 100% {
  805.                 transform: translate(-50%, -50%) scale(0.8) translateY(0px);
  806.             }
  807.             50% {
  808.                 transform: translate(-50%, -50%) scale(0.85) translateY(-20px);
  809.             }
  810.         }
  811.         
  812.         @keyframes rotateFlag {
  813.             0% {
  814.                 transform: translate(-50%, -50%) scale(0.8) rotate(0deg);
  815.             }
  816.             100% {
  817.                 transform: translate(-50%, -50%) scale(0.8) rotate(360deg);
  818.             }
  819.         }
  820.         
  821.         @keyframes waveFlag {
  822.             0%, 100% {
  823.                 transform: skewX(0deg) scaleX(1);
  824.             }
  825.             50% {
  826.                 transform: skewX(5deg) scaleX(1.05);
  827.             }
  828.         }
  829.         
  830.         @keyframes starGlow {
  831.             0%, 100% {
  832.                 opacity: 0.7;
  833.                 transform: scale(1);
  834.             }
  835.             50% {
  836.                 opacity: 1;
  837.                 transform: scale(1.2);
  838.             }
  839.         }
  840.         
  841.         @keyframes pulse {
  842.             0%, 100% {
  843.                 transform: scale(1);
  844.             }
  845.             50% {
  846.                 transform: scale(1.05);
  847.             }
  848.         }
  849.         
  850.         /* Logos en haut */
  851.         .logo-w {
  852.             padding: 10px 0 20px 0 !important;
  853.             margin-bottom: 10px !important;
  854.             gap: 15px !important;
  855.             display: flex !important;
  856.             justify-content: center !important;
  857.             position: relative !important;
  858.             z-index: 2 !important;
  859.         }
  860.         
  861.         .logo-w img {
  862.             max-width: 85px !important;
  863.             height: auto !important;
  864.         }
  865.         
  866.         /* Bouton langue */
  867.         #buttonSelectLang {
  868.             height: 32px !important;
  869.             margin: 0 !important;
  870.             padding: 4px 10px !important;
  871.             font-size: 11px !important;
  872.         }
  873.         
  874.         /* Titre */
  875.         .auth-header {
  876.             font-size: 22px !important;
  877.             font-weight: 600 !important;
  878.             text-align: center !important;
  879.             margin-bottom: 20px !important;
  880.             padding-bottom: 10px !important;
  881.             border-bottom: 2px solid #e0e0e0 !important;
  882.             color: #333 !important;
  883.         }
  884.         
  885.         /* Texte d'information */
  886.         .form-text {
  887.             background: #f9f9f9 !important;
  888.             padding: 10px 12px !important;
  889.             border-radius: 8px !important;
  890.             margin-bottom: 20px !important;
  891.             font-size: 12px !important;
  892.             color: #666 !important;
  893.             text-align: center !important;
  894.             border-left: 3px solid #007bff !important;
  895.         }
  896.         
  897.         /* Champs de formulaire */
  898.         .form-group {
  899.             margin-bottom: 18px !important;
  900.         }
  901.         
  902.         .form-group label {
  903.             font-size: 12px !important;
  904.             font-weight: 500 !important;
  905.             color: #333 !important;
  906.             margin-bottom: 5px !important;
  907.             display: block !important;
  908.         }
  909.         
  910.         .form-control {
  911.             width: 100% !important;
  912.             padding: 8px 10px !important;
  913.             border: 1px solid #ccc !important;
  914.             border-radius: 6px !important;
  915.             font-size: 13px !important;
  916.             background: #fff !important;
  917.         }
  918.         
  919.         .form-control:focus {
  920.             border-color: #007bff !important;
  921.             outline: none !important;
  922.             box-shadow: 0 0 0 2px rgba(0,123,255,0.1) !important;
  923.         }
  924.         
  925.         /* Boutons */
  926.         .multi_submit {
  927.             display: flex !important;
  928.             gap: 12px !important;
  929.             margin-top: 20px !important;
  930.         }
  931.         
  932.         .btn-primary {
  933.             flex: 1 !important;
  934.             background: #007bff !important;
  935.             border: none !important;
  936.             padding: 8px !important;
  937.             border-radius: 6px !important;
  938.             font-size: 13px !important;
  939.             font-weight: 500 !important;
  940.             cursor: pointer !important;
  941.             color: white !important;
  942.             text-align: center !important;
  943.             transition: background 0.2s !important;
  944.         }
  945.         
  946.         .btn-primary:hover {
  947.             background: #0056b3 !important;
  948.         }
  949.         
  950.         /* Cacher les icônes */
  951.         .pre-icon {
  952.             display: none !important;
  953.         }
  954.         
  955.         /* Petits drapeaux décoratifs */
  956.         .small-flags {
  957.             position: fixed !important;
  958.             bottom: 20px !important;
  959.             right: 20px !important;
  960.             z-index: 2 !important;
  961.             display: flex !important;
  962.             gap: 5px !important;
  963.         }
  964.         
  965.         .small-flag {
  966.             width: 30px !important;
  967.             height: 20px !important;
  968.             background: linear-gradient(135deg, #3b6e2c 33%, #ffffff 33%, #ffffff 66%, #cf0921 66%) !important;
  969.             border-radius: 3px !important;
  970.             animation: smallFlagWave 1s ease-in-out infinite !important;
  971.         }
  972.         
  973.         @keyframes smallFlagWave {
  974.             0%, 100% {
  975.                 transform: rotate(0deg);
  976.             }
  977.             50% {
  978.                 transform: rotate(5deg);
  979.             }
  980.         }
  981.         
  982.         /* Responsive */
  983.         @media (max-width: 500px) {
  984.             .auth-box-w {
  985.                 max-width: 95% !important;
  986.                 margin: 15px auto !important;
  987.                 padding: 18px 18px 22px 18px !important;
  988.             }
  989.             
  990.             .logo-w img {
  991.                 max-width: 60px !important;
  992.             }
  993.             
  994.             .multi_submit {
  995.                 flex-direction: column !important;
  996.                 gap: 8px !important;
  997.             }
  998.             
  999.             .flag-wave {
  1000.                 transform: translate(-50%, -50%) scale(0.4) !important;
  1001.             }
  1002.         }
  1003.     </style>
  1004. {% endblock %}
  1006. {% block fos_user_script %}
  1007.     {{ parent() }}
  1008.     <script>
  1009.         change_submit_name();
  1010.         \$('#userbundle_user_validCode').on('input', function(e) {
  1011.             change_submit_name();
  1012.         });
  1013.         
  1014.         function change_submit_name() {
  1015.             if(\$('#userbundle_user_validCode').val().length > 0) {
  1016.                 \$('#submit_change_password').val(\"Initialiser votre mot de passe\");
  1017.             } else {
  1018.                 \$('#submit_change_password').val(\"Demander le code\");
  1019.             }
  1020.         }
  1021.         
  1022.         // animations supplémentaires
  1023.         \$(document).ready(function() {
  1024.             // Créer des petites particules aux couleurs du drapeau
  1025.             setInterval(function() {
  1026.                 var colors = ['#3b6e2c', '#ffffff', '#cf0921', '#f3c300'];
  1027.                 var particle = \$('<div class=\"flag-particle\"></div>');
  1028.                 particle.css({
  1029.                     position: 'fixed',
  1030.                     width: '5px',
  1031.                     height: '5px',
  1032.                     background: colors[Math.floor(Math.random() * colors.length)],
  1033.                     borderRadius: '50%',
  1034.                     bottom: '0px',
  1035.                     left: Math.random() * window.innerWidth + 'px',
  1036.                     opacity: Math.random() * 0.5 + 0.2,
  1037.                     zIndex: 1,
  1038.                     pointerEvents: 'none'
  1039.                 });
  1040.                 \$('body').append(particle);
  1041.                 
  1042.                 particle.animate({
  1043.                     bottom: window.innerHeight + 'px',
  1044.                     opacity: 0
  1045.                 }, Math.random() * 3000 + 2000, function() {
  1046.                     particle.remove();
  1047.                 });
  1048.             }, 500);
  1049.         });
  1050.     </script>
  1051. {% endblock %}", "user/ask_password.html.twig", "/var/www/inserjeune.km/templates/user/ask_password.html.twig");
  1052.     }
  1053. }