<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* form-validation.html.twig */
class __TwigTemplate_ecd931665703d81234f491bb3dc9ba89 extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'css' => [$this, 'block_css'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "form-validation.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "form-validation.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "form-validation.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        echo "Form Validation
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 6
    public function block_css($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 8
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        // line 9
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Forms", "page_title" => "Form Validation"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 12
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 13
        echo "\t<div class=\"row\">
\t\t<div class=\"col-lg-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Custom styles</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Custom feedback styles apply custom colors, borders,
\t\t\t\t\t\t                                            focus styles, and background
\t\t\t\t\t\t                                            icons to better communicate feedback. Background icons for
\t\t\t\t\t\t<code>&lt;select&gt;</code>s are only available with
\t\t\t\t\t\t<code>.form-select</code>, and not
\t\t\t\t\t\t<code>.form-control</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<form class=\"needs-validation\" novalidate>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom01\">First name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom01\" placeholder=\"First name\" value=\"Mark\" required>
\t\t\t\t\t\t\t<div class=\"valid-feedback\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom02\">Last name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom02\" placeholder=\"Last name\" value=\"Otto\" required>
\t\t\t\t\t\t\t<div class=\"valid-feedback\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustomUsername\">Username</label>
\t\t\t\t\t\t\t<div class=\"input-group\">
\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroupPrepend\">@</span>
\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustomUsername\" placeholder=\"Username\" aria-describedby=\"inputGroupPrepend\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tPlease choose a username.
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom03\">City</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom03\" placeholder=\"City\" required>
\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\tPlease provide a valid city.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom04\">State</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom04\" placeholder=\"State\" required>
\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\tPlease provide a valid state.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom05\">Zip</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom05\" placeholder=\"Zip\" required>
\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\tPlease provide a valid zip.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"invalidCheck\" required>
\t\t\t\t\t\t\t\t<label class=\"form-check-label form-label\" for=\"invalidCheck\">Agree to terms
\t\t\t\t\t\t\t\t\t                                                        and conditions</label>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tYou must agree before submitting.
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"submit\">Submit form</button>
\t\t\t\t\t</form>

\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->


\t\t<div class=\"col-lg-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Tooltips</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">If your form layout allows it, you can swap the
\t\t\t\t\t\t<code>.{valid|invalid}-feedback</code>
\t\t\t\t\t\tclasses for
\t\t\t\t\t\t<code>.{valid|invalid}-tooltip</code>
\t\t\t\t\t\tclasses to display validation feedback in
\t\t\t\t\t\t                                            a styled tooltip. Be sure to have a parent with
\t\t\t\t\t\t<code>position: relative</code>
\t\t\t\t\t\ton it for tooltip positioning. In the example below, our column classes have
\t\t\t\t\t\t                                            this already, but your project may require an alternative setup.
\t\t\t\t\t</p>

\t\t\t\t\t<form class=\"needs-validation\" novalidate>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip01\">First name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip01\" placeholder=\"First name\" value=\"Mark\" required>
\t\t\t\t\t\t\t<div class=\"valid-tooltip\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease enter first name.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip02\">Last name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip02\" placeholder=\"Last name\" value=\"Otto\" required>
\t\t\t\t\t\t\t<div class=\"valid-tooltip\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease enter last name.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltipUsername\">Username</label>
\t\t\t\t\t\t\t<div class=\"input-group\">
\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"validationTooltipUsernamePrepend\">@</span>
\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltipUsername\" placeholder=\"Username\" aria-describedby=\"validationTooltipUsernamePrepend\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\t\tPlease choose a unique and valid username.
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip03\">City</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip03\" placeholder=\"City\" required>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease provide a valid city.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip04\">State</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip04\" placeholder=\"State\" required>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease provide a valid state.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip05\">Zip</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip05\" placeholder=\"Zip\" required>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease provide a valid zip.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"submit\">Submit form</button>
\t\t\t\t\t</form>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row -->

";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "form-validation.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  132 => 13,  122 => 12,  109 => 9,  99 => 8,  81 => 6,  61 => 3,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}Form Validation
{% endblock %}

{% block css %}{% endblock %}

{% block pagetitle %}
\t{{ include('partials/page-title.html.twig', { sub_title: 'Forms', page_title: 'Form Validation' }) }}
{% endblock %}

{% block body %}
\t<div class=\"row\">
\t\t<div class=\"col-lg-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Custom styles</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Custom feedback styles apply custom colors, borders,
\t\t\t\t\t\t                                            focus styles, and background
\t\t\t\t\t\t                                            icons to better communicate feedback. Background icons for
\t\t\t\t\t\t<code>&lt;select&gt;</code>s are only available with
\t\t\t\t\t\t<code>.form-select</code>, and not
\t\t\t\t\t\t<code>.form-control</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<form class=\"needs-validation\" novalidate>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom01\">First name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom01\" placeholder=\"First name\" value=\"Mark\" required>
\t\t\t\t\t\t\t<div class=\"valid-feedback\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom02\">Last name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom02\" placeholder=\"Last name\" value=\"Otto\" required>
\t\t\t\t\t\t\t<div class=\"valid-feedback\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustomUsername\">Username</label>
\t\t\t\t\t\t\t<div class=\"input-group\">
\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroupPrepend\">@</span>
\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustomUsername\" placeholder=\"Username\" aria-describedby=\"inputGroupPrepend\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tPlease choose a username.
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom03\">City</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom03\" placeholder=\"City\" required>
\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\tPlease provide a valid city.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom04\">State</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom04\" placeholder=\"State\" required>
\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\tPlease provide a valid state.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationCustom05\">Zip</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationCustom05\" placeholder=\"Zip\" required>
\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\tPlease provide a valid zip.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"invalidCheck\" required>
\t\t\t\t\t\t\t\t<label class=\"form-check-label form-label\" for=\"invalidCheck\">Agree to terms
\t\t\t\t\t\t\t\t\t                                                        and conditions</label>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tYou must agree before submitting.
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"submit\">Submit form</button>
\t\t\t\t\t</form>

\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->


\t\t<div class=\"col-lg-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Tooltips</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">If your form layout allows it, you can swap the
\t\t\t\t\t\t<code>.{valid|invalid}-feedback</code>
\t\t\t\t\t\tclasses for
\t\t\t\t\t\t<code>.{valid|invalid}-tooltip</code>
\t\t\t\t\t\tclasses to display validation feedback in
\t\t\t\t\t\t                                            a styled tooltip. Be sure to have a parent with
\t\t\t\t\t\t<code>position: relative</code>
\t\t\t\t\t\ton it for tooltip positioning. In the example below, our column classes have
\t\t\t\t\t\t                                            this already, but your project may require an alternative setup.
\t\t\t\t\t</p>

\t\t\t\t\t<form class=\"needs-validation\" novalidate>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip01\">First name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip01\" placeholder=\"First name\" value=\"Mark\" required>
\t\t\t\t\t\t\t<div class=\"valid-tooltip\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease enter first name.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip02\">Last name</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip02\" placeholder=\"Last name\" value=\"Otto\" required>
\t\t\t\t\t\t\t<div class=\"valid-tooltip\">
\t\t\t\t\t\t\t\tLooks good!
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease enter last name.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltipUsername\">Username</label>
\t\t\t\t\t\t\t<div class=\"input-group\">
\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"validationTooltipUsernamePrepend\">@</span>
\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltipUsername\" placeholder=\"Username\" aria-describedby=\"validationTooltipUsernamePrepend\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\t\tPlease choose a unique and valid username.
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip03\">City</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip03\" placeholder=\"City\" required>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease provide a valid city.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip04\">State</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip04\" placeholder=\"State\" required>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease provide a valid state.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"position-relative mb-3\">
\t\t\t\t\t\t\t<label class=\"form-label\" for=\"validationTooltip05\">Zip</label>
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"validationTooltip05\" placeholder=\"Zip\" required>
\t\t\t\t\t\t\t<div class=\"invalid-tooltip\">
\t\t\t\t\t\t\t\tPlease provide a valid zip.
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"submit\">Submit form</button>
\t\t\t\t\t</form>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row -->

{% endblock %}", "form-validation.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\form-validation.html.twig");
    }
}
