var/cache/dev/twig/c1/c10444b03c14755f2a38003799c6c14b.php line 68

  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* home.html.twig */
  16. class __TwigTemplate_714091bae60e24738f0dacba1d4ebb1e extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'title' => [$this, 'block_title'],
  29.             'body' => [$this, 'block_body'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 1
  36.         return "./base.html.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home.html.twig"));
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home.html.twig"));
  48.         $this->parent = $this->loadTemplate("./base.html.twig", "home.html.twig", 1);
  49.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  50.         
  51.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  53.         
  54.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  56.     }
  58.     // line 3
  59.     public function block_title($context, array $blocks = [])
  60.     {
  61.         $macros = $this->macros;
  62.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  65.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  68.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("title_home", [], "messages"), "html", null, true);
  69.         
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  72.         
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  75.     }
  77.     // line 5
  78.     public function block_body($context, array $blocks = [])
  79.     {
  80.         $macros = $this->macros;
  81.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  82.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  84.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  85.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  87.         // line 6
  88.         echo "    <div class=\"border-bottom\">
  89.         <div class=\"bg-light py-1\">
  90.             <div class=\"container-fluid\">
  91.                 <div class=\"row align-items-center gx-lg-2 gx-0\">
  92.                     <div class=\"col-6\"><span>A simple way to send SMS messages to your customers.</span></div>
  93.                     <div class=\"col-6 text-end\">
  94.                         ";
  95.         // line 12
  96.         echo (isset($context["flags"]) || array_key_exists("flags", $context) ? $context["flags"] : (function () { throw new RuntimeError('Variable "flags" does not exist.', 12, $this->source); })());
  97.         echo "
  98.                     </div>
  99.                 </div>
  100.             </div>
  101.         </div>
  102.         <div class=\"py-3\">
  103.             <div class=\"container-fluid\">
  104.                 <div class=\"row w-100 align-items-center gx-lg-2 gx-0\">
  105.                     <div class=\"col-xxl-2 col-lg-3 col-md-6 col-5\">
  106.                         <a class=\"navbar-brand d-none d-lg-block\" href=\"./index.html\">
  107.                             <img src=\"../../../internalImages/logo.png\" alt=\"eCommerce HTML Template\" style=\"width: 200px;\">
  108.                         </a>
  109.                         <div class=\"d-flex justify-content-between w-100 d-lg-none\">
  110.                             <a class=\"navbar-brand\" href=\"./index.html\">
  111.                                 <img src=\"../../../internalImages/logo.png\" alt=\"eCommerce HTML Template\" style=\"width: 200px;\">
  112.                             </a>
  113.                         </div>
  114.                     </div>
  115.                     <div class=\"col-lg-10 col-xxl-10 text-end col-md-6 col-7\">
  116.                         <div class=\"list-inline\">
  117.                             <div class=\"list-inline-item\">
  118.                                 ";
  119.         // line 33
  120.         if ($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_USER")) {
  121.             // line 34
  122.             echo "                                    <a href=\"";
  123.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("logout");
  124.             echo "\" class=\"text-decoration-none\" title=\"";
  125.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("logout_button_alt", [], "messages"), "html", null, true);
  126.             echo "\">
  127.                                         <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\" width=\"40\"><path d=\"M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z\"/></svg>
  128.                                     </a>
  129.                                 ";
  130.         } else {
  131.             // line 38
  132.             echo "                                    <a href=\"";
  133.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("login");
  134.             echo "\" class=\"text-decoration-none\" title=\"";
  135.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("login_button_alt", [], "messages"), "html", null, true);
  136.             echo "\">
  137.                                         <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\" width=\"40\"><path d=\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8 .4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z\"/></svg>
  138.                                     </a>                        
  139.                                 ";
  140.         }
  141.         // line 41
  142.         echo "        
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.         <nav class=\"navbar navbar-expand-lg navbar-dark bg-dark\" aria-label=\"Eighth navbar example\">
  150.             <div class=\"container-fluid\">
  151.               
  152.               <button class=\"navbar-toggler collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarsExample07\" aria-controls=\"navbarsExample07\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">
  153.                 <span class=\"navbar-toggler-icon\"></span>
  154.               </button>
  155.         
  156.               <div class=\"navbar-collapse collapse\" id=\"navbarsExample07\">
  157.                 <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">
  158.                   <li class=\"nav-item\">
  159.                     ";
  160.         // line 58
  161.         if ($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_USER")) {
  162.             // line 59
  163.             echo "                        <a href=\"";
  164.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("home");
  165.             echo "\" class=\"nav-link\" title=\"";
  166.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home_button_alt", [], "messages"), "html", null, true);
  167.             echo "\"><i class=\"fas fa-user-edit\"></i> ";
  168.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home_button", [], "messages"), "html", null, true);
  169.             echo "</a>
  170.                     ";
  171.         }
  172.         // line 61
  173.         echo "                  </li>
  174.                   <li class=\"nav-item dropdown\">
  175.                     <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">Categorias</a>
  176.                     <ul class=\"dropdown-menu\">
  177.                       <li><a class=\"dropdown-item\" href=\"#\">Action</a></li>
  178.                       <li><a class=\"dropdown-item\" href=\"#\">Another action</a></li>
  179.                       <li><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>
  180.                     </ul>
  181.                   </li>
  182.                 </ul>
  183.                 <form role=\"search\">
  184.                   <input class=\"form-control\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\">
  185.                 </form>
  186.               </div>
  187.             </div>
  188.           </nav>
  189.         
  190.     </div>
  191.     <div class=\"container-fluid mb-5\">
  192.         <div class=\"row\">
  193.             ";
  194.         // line 81
  195.         $context["message"] = "";
  196.         echo " ";
  197.         $context["color"] = "";
  198.         echo " ";
  199.         $context["filename"] = "";
  200.         // line 82
  201.         echo "            ";
  202.         $context['_parent'] = $context;
  203.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 82, $this->source); })()), "flashes", [], "any", false, false, false, 82));
  204.         foreach ($context['_seq'] as $context["key"] => $context["value"]) {
  205.             // line 83
  206.             echo "                ";
  207.             if (($context["key"] == "message")) {
  208.                 // line 84
  209.                 echo "                    ";
  210.                 $context["message"] = twig_get_attribute($this->env, $this->source, $context["value"], 0, [], "array", false, false, false, 84);
  211.                 // line 85
  212.                 echo "                ";
  213.             } elseif (($context["key"] == "color")) {
  214.                 // line 86
  215.                 echo "                    ";
  216.                 $context["color"] = twig_get_attribute($this->env, $this->source, $context["value"], 0, [], "array", false, false, false, 86);
  217.                 // line 87
  218.                 echo "                ";
  219.             } elseif (($context["key"] == "filename")) {
  220.                 // line 88
  221.                 echo "                    ";
  222.                 $context["filename"] = twig_get_attribute($this->env, $this->source, $context["value"], 0, [], "array", false, false, false, 88);
  223.                 // line 89
  224.                 echo "                ";
  225.             } else {
  226.                 echo "                
  227.                 ";
  228.             }
  229.             // line 91
  230.             echo "            ";
  231.         }
  232.         $_parent = $context['_parent'];
  233.         unset($context['_seq'], $context['_iterated'], $context['key'], $context['value'], $context['_parent'], $context['loop']);
  234.         $context = array_intersect_key($context, $_parent) + $_parent;
  235.         // line 92
  236.         echo "            ";
  237.         if ((isset($context["message"]) || array_key_exists("message", $context) ? $context["message"] : (function () { throw new RuntimeError('Variable "message" does not exist.', 92, $this->source); })())) {
  238.             // line 93
  239.             echo "            <div class=\"container\">
  240.                 <div class=\"row d-flex justify-content-between align-items-center my-3 pb-3\">
  241.                     <div class=\"alert alert-";
  242.             // line 95
  243.             echo twig_escape_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 95, $this->source); })()), "html", null, true);
  244.             echo " mt-3\" role=\"alert\">
  245.                         ";
  246.             // line 96
  247.             echo twig_escape_filter($this->env, (isset($context["message"]) || array_key_exists("message", $context) ? $context["message"] : (function () { throw new RuntimeError('Variable "message" does not exist.', 96, $this->source); })()), "html", null, true);
  248.             echo "
  249.                     </div>
  250.                 </div>
  251.             </div>
  252.             ";
  253.         }
  254.         // line 100
  255.         echo " 
  256.             <div class=\"container pt-3\">
  257.                 <div class=\"row\">
  258.                     <section class=\"py-5\">
  259.                         <div class=\"container\">
  260.                             <div class=\"row justify-content-center text-center mb-4\">
  261.                                 <div class=\"col-lg-8 col-xxl-7\">
  262.                                     <h2 class=\"display-5 fw-bold\">How it Works</h2>
  263.                                     <p class=\"lead\">Follow these steps to create an account and start using our SMS service.</p>
  264.                                 </div>
  265.                             </div>
  266.                             <div class=\"row\">
  267.                                 <div class=\"col-md-3\">
  268.                                     <div class=\"text-center position-relative\">
  269.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center \" style=\"width:120px;height:120px;\">
  270.                                             <i class=\"fas fa-user-plus text-white\" style=\"font-size: 30px;\"></i>
  271.                                         </div>
  272.                                         <h4 class=\"mt-3 fs-5\">Create Account</h4>
  273.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">Fill out the registration form to create an account.</p>
  274.                                         <div class=\"arrow-icon position-absolute d-none d-lg-block\" style=\"top:50px; right:-25px\">
  275.                                             <svg class=\"bi bi-arrow-right\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  276.                                             <path d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\" fill-rule=\"evenodd\"></path></svg>
  277.                                         </div>
  278.                                     </div>
  279.                                 </div>
  280.                                 <div class=\"col-md-3\">
  281.                                     <div class=\"text-center position-relative\">
  282.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center\" style=\"width: 120px;height: 120px;\">
  283.                                             <svg class=\"bi bi-envelope-exclamation text-white\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  284.                                             <path d=\"M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z\"></path>
  285.                                             <path d=\"M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"></path></svg>
  286.                                         </div>
  287.                                         <h4 class=\"mt-3 fs-5\">Activate Your Accoount</h4>
  288.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">Check your email for the activation link.</p>
  289.                                         <div class=\"arrow-icon d-none d-lg-block position-absolute\" style=\"top:50px; right:-25px\">
  290.                                             <svg class=\"bi bi-arrow-right\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  291.                                             <path d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\" fill-rule=\"evenodd\"></path></svg>
  292.                                         </div>
  293.                                     </div>
  294.                                 </div>
  295.                                 <div class=\"col-md-3\">
  296.                                     <div class=\"text-center position-relative\">
  297.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center\" style=\"width: 120px;height: 120px;\">
  298.                                             <i class=\"fas fa-money-check-alt text-white\" style=\"font-size: 30px;\"></i>
  299.                                         </div>
  300.                                         <h4 class=\"mt-3 fs-5\">Purchase Credits</h4>
  301.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">Purchase credits to send SMS messages.</p>
  302.                                         <div class=\"arrow-icon d-none d-lg-block position-absolute\" style=\"top:50px; right:-25px\">
  303.                                             <svg class=\"bi bi-arrow-right\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  304.                                             <path d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\" fill-rule=\"evenodd\"></path></svg>
  305.                                         </div>
  306.                                     </div>
  307.                                 </div>
  308.                                 <div class=\"col-md-3\">
  309.                                     <div class=\"text-center position-relative\">
  310.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center\" style=\"width: 120px;height: 120px;\">
  311.                                             <i class=\"fas fa-key text-white\" style=\"font-size: 30px;\"></i>
  312.                                         </div>
  313.                                         <h4 class=\"mt-3 fs-5\">Send SMS</h4>
  314.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">You will receive an API key to send SMS messages.</p>
  315.                                     </div>
  316.                                 </div>
  317.                             </div>
  318.                         </div>
  319.                     </section>
  320.                 </div>
  321.             </div>
  322.         </div>
  323.     </div> 
  324.     
  325. ";
  326.         
  327.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  329.         
  330.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  332.     }
  334.     public function getTemplateName()
  335.     {
  336.         return "home.html.twig";
  337.     }
  339.     public function isTraitable()
  340.     {
  341.         return false;
  342.     }
  344.     public function getDebugInfo()
  345.     {
  346.         return array (  255 => 100,  247 => 96,  243 => 95,  239 => 93,  236 => 92,  230 => 91,  224 => 89,  221 => 88,  218 => 87,  215 => 86,  212 => 85,  209 => 84,  206 => 83,  201 => 82,  195 => 81,  173 => 61,  163 => 59,  161 => 58,  142 => 41,  132 => 38,  122 => 34,  120 => 33,  96 => 12,  88 => 6,  78 => 5,  59 => 3,  36 => 1,);
  347.     }
  349.     public function getSourceContext()
  350.     {
  351.         return new Source("{% extends './base.html.twig' %}
  353. {% block title %}{{ 'title_home'|trans({}, 'messages') }}{% endblock %}
  355. {% block body %}
  356.     <div class=\"border-bottom\">
  357.         <div class=\"bg-light py-1\">
  358.             <div class=\"container-fluid\">
  359.                 <div class=\"row align-items-center gx-lg-2 gx-0\">
  360.                     <div class=\"col-6\"><span>A simple way to send SMS messages to your customers.</span></div>
  361.                     <div class=\"col-6 text-end\">
  362.                         {{ flags|raw }}
  363.                     </div>
  364.                 </div>
  365.             </div>
  366.         </div>
  367.         <div class=\"py-3\">
  368.             <div class=\"container-fluid\">
  369.                 <div class=\"row w-100 align-items-center gx-lg-2 gx-0\">
  370.                     <div class=\"col-xxl-2 col-lg-3 col-md-6 col-5\">
  371.                         <a class=\"navbar-brand d-none d-lg-block\" href=\"./index.html\">
  372.                             <img src=\"../../../internalImages/logo.png\" alt=\"eCommerce HTML Template\" style=\"width: 200px;\">
  373.                         </a>
  374.                         <div class=\"d-flex justify-content-between w-100 d-lg-none\">
  375.                             <a class=\"navbar-brand\" href=\"./index.html\">
  376.                                 <img src=\"../../../internalImages/logo.png\" alt=\"eCommerce HTML Template\" style=\"width: 200px;\">
  377.                             </a>
  378.                         </div>
  379.                     </div>
  380.                     <div class=\"col-lg-10 col-xxl-10 text-end col-md-6 col-7\">
  381.                         <div class=\"list-inline\">
  382.                             <div class=\"list-inline-item\">
  383.                                 {% if is_granted('ROLE_USER') %}
  384.                                     <a href=\"{{ path('logout') }}\" class=\"text-decoration-none\" title=\"{{ 'logout_button_alt'|trans({}, 'messages') }}\">
  385.                                         <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\" width=\"40\"><path d=\"M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z\"/></svg>
  386.                                     </a>
  387.                                 {% else %}
  388.                                     <a href=\"{{ path('login') }}\" class=\"text-decoration-none\" title=\"{{ 'login_button_alt'|trans({}, 'messages') }}\">
  389.                                         <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\" width=\"40\"><path d=\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8 .4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z\"/></svg>
  390.                                     </a>                        
  391.                                 {% endif %}        
  392.                             </div>
  393.                         </div>
  394.                     </div>
  395.                 </div>
  396.             </div>
  397.         </div>
  398.         <nav class=\"navbar navbar-expand-lg navbar-dark bg-dark\" aria-label=\"Eighth navbar example\">
  399.             <div class=\"container-fluid\">
  400.               
  401.               <button class=\"navbar-toggler collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarsExample07\" aria-controls=\"navbarsExample07\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">
  402.                 <span class=\"navbar-toggler-icon\"></span>
  403.               </button>
  404.         
  405.               <div class=\"navbar-collapse collapse\" id=\"navbarsExample07\">
  406.                 <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">
  407.                   <li class=\"nav-item\">
  408.                     {% if is_granted('ROLE_USER') %}
  409.                         <a href=\"{{ path('home') }}\" class=\"nav-link\" title=\"{{ 'home_button_alt'|trans({}, 'messages') }}\"><i class=\"fas fa-user-edit\"></i> {{ 'home_button'|trans({}, 'messages') }}</a>
  410.                     {% endif %}
  411.                   </li>
  412.                   <li class=\"nav-item dropdown\">
  413.                     <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">Categorias</a>
  414.                     <ul class=\"dropdown-menu\">
  415.                       <li><a class=\"dropdown-item\" href=\"#\">Action</a></li>
  416.                       <li><a class=\"dropdown-item\" href=\"#\">Another action</a></li>
  417.                       <li><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>
  418.                     </ul>
  419.                   </li>
  420.                 </ul>
  421.                 <form role=\"search\">
  422.                   <input class=\"form-control\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\">
  423.                 </form>
  424.               </div>
  425.             </div>
  426.           </nav>
  427.         
  428.     </div>
  429.     <div class=\"container-fluid mb-5\">
  430.         <div class=\"row\">
  431.             {% set message = '' %} {% set color = '' %} {% set filename = '' %}
  432.             {% for key, value in app.flashes %}
  433.                 {% if key == 'message' %}
  434.                     {% set message = value[0] %}
  435.                 {% elseif key == 'color' %}
  436.                     {% set color = value[0] %}
  437.                 {% elseif key == 'filename' %}
  438.                     {% set filename = value[0] %}
  439.                 {% else %}                
  440.                 {% endif %}
  441.             {% endfor %}
  442.             {% if message %}
  443.             <div class=\"container\">
  444.                 <div class=\"row d-flex justify-content-between align-items-center my-3 pb-3\">
  445.                     <div class=\"alert alert-{{ color }} mt-3\" role=\"alert\">
  446.                         {{ message }}
  447.                     </div>
  448.                 </div>
  449.             </div>
  450.             {% endif %} 
  451.             <div class=\"container pt-3\">
  452.                 <div class=\"row\">
  453.                     <section class=\"py-5\">
  454.                         <div class=\"container\">
  455.                             <div class=\"row justify-content-center text-center mb-4\">
  456.                                 <div class=\"col-lg-8 col-xxl-7\">
  457.                                     <h2 class=\"display-5 fw-bold\">How it Works</h2>
  458.                                     <p class=\"lead\">Follow these steps to create an account and start using our SMS service.</p>
  459.                                 </div>
  460.                             </div>
  461.                             <div class=\"row\">
  462.                                 <div class=\"col-md-3\">
  463.                                     <div class=\"text-center position-relative\">
  464.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center \" style=\"width:120px;height:120px;\">
  465.                                             <i class=\"fas fa-user-plus text-white\" style=\"font-size: 30px;\"></i>
  466.                                         </div>
  467.                                         <h4 class=\"mt-3 fs-5\">Create Account</h4>
  468.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">Fill out the registration form to create an account.</p>
  469.                                         <div class=\"arrow-icon position-absolute d-none d-lg-block\" style=\"top:50px; right:-25px\">
  470.                                             <svg class=\"bi bi-arrow-right\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  471.                                             <path d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\" fill-rule=\"evenodd\"></path></svg>
  472.                                         </div>
  473.                                     </div>
  474.                                 </div>
  475.                                 <div class=\"col-md-3\">
  476.                                     <div class=\"text-center position-relative\">
  477.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center\" style=\"width: 120px;height: 120px;\">
  478.                                             <svg class=\"bi bi-envelope-exclamation text-white\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  479.                                             <path d=\"M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z\"></path>
  480.                                             <path d=\"M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"></path></svg>
  481.                                         </div>
  482.                                         <h4 class=\"mt-3 fs-5\">Activate Your Accoount</h4>
  483.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">Check your email for the activation link.</p>
  484.                                         <div class=\"arrow-icon d-none d-lg-block position-absolute\" style=\"top:50px; right:-25px\">
  485.                                             <svg class=\"bi bi-arrow-right\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  486.                                             <path d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\" fill-rule=\"evenodd\"></path></svg>
  487.                                         </div>
  488.                                     </div>
  489.                                 </div>
  490.                                 <div class=\"col-md-3\">
  491.                                     <div class=\"text-center position-relative\">
  492.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center\" style=\"width: 120px;height: 120px;\">
  493.                                             <i class=\"fas fa-money-check-alt text-white\" style=\"font-size: 30px;\"></i>
  494.                                         </div>
  495.                                         <h4 class=\"mt-3 fs-5\">Purchase Credits</h4>
  496.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">Purchase credits to send SMS messages.</p>
  497.                                         <div class=\"arrow-icon d-none d-lg-block position-absolute\" style=\"top:50px; right:-25px\">
  498.                                             <svg class=\"bi bi-arrow-right\" fill=\"currentColor\" height=\"30\" viewBox=\"0 0 16 16\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">
  499.                                             <path d=\"M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z\" fill-rule=\"evenodd\"></path></svg>
  500.                                         </div>
  501.                                     </div>
  502.                                 </div>
  503.                                 <div class=\"col-md-3\">
  504.                                     <div class=\"text-center position-relative\">
  505.                                         <div class=\"step-icon mx-auto bg-primary border rounded-circle d-flex align-items-center justify-content-center\" style=\"width: 120px;height: 120px;\">
  506.                                             <i class=\"fas fa-key text-white\" style=\"font-size: 30px;\"></i>
  507.                                         </div>
  508.                                         <h4 class=\"mt-3 fs-5\">Send SMS</h4>
  509.                                         <p class=\"lead text-muted mt-4 fs-5 px-lg-3 mb-5 mb-lg-0\">You will receive an API key to send SMS messages.</p>
  510.                                     </div>
  511.                                 </div>
  512.                             </div>
  513.                         </div>
  514.                     </section>
  515.                 </div>
  516.             </div>
  517.         </div>
  518.     </div> 
  519.     
  520. {% endblock %}
  521. ", "home.html.twig", "/home/manager/simplexsms.com/templates/home.html.twig");
  522.     }
  523. }