{% extends 'layouts/front/base.html.twig' %}

{% block title %}{{ context.get['app'] ? context.get['app'].name : company_name }} - {{ title }}{% endblock %}

{% block body %}
    {{ packages() }}

    {{ publicites() }}
{% endblock %}
{% block javascripts %}
    <script>
        let jsPackage = document.querySelectorAll('.js-package')
        const selectItem = (e) => {
            let item = e.currentTarget
            jsPackage.forEach((element) => {
                element.classList.remove('vip')
            })
            item.classList.add('vip')
        }
        jsPackage.forEach((item) => {
            item.addEventListener('click', selectItem)
        })
    </script>
{% endblock %}