we could use TWIG to build this HTML for claner code and refactor as the same html is builded below