{% set isPersonalized = isPersonalized|default("") and isPersonalized == true ? true : false %}

<ul>
    {% for recipe in recipes %}
        {% if isPersonalized %}
            {% include "@views/components/navigation/global/tiles/recipe/template.twig" with {
                classes: "navigation-global-panel-expanded-recipes__content-tile",
                tag: "li",
                heading: recipe.heading,
                description: recipe.description,
                href: recipe.href,
                src: recipe.src ~ "?width=200&quality=75",
                srcTablet: recipe.srcTablet ~ "?width=200&quality=75",
                srcMobile: recipe.srcMobile ~ "?width=200&quality=75"
            } only %}
        {% else %}
            {% include "@views/components/navigation/global/tiles/recipe/template.twig" with {
                classes: "navigation-global-panel-expanded-recipes__content-tile",
                tag: "li",
                heading: recipe.title,
                description: recipe.recipe_prep_time ~ ' Mins Prep - ' ~ recipe.recipe_total_time ~ ' Mins Cook',
                href: recipe.link,
                src: recipe.thumbnail.src ~ "?width=200&quality=75",
                srcTablet: recipe.thumbnail.src ~ "?width=200&quality=75",
                srcMobile: recipe.thumbnail.src ~ "?width=200&quality=75"
            } only %}
        {% endif %}
    {% endfor %}

    <li class="navigation-global-panel-expanded-recipes__content-tile-view-all">
        {% include '@views/components/navigation/global/buttons/view-all/template.twig' with {
            text: "View All",
            href: "/recipe/",
            isSolid: true
        } only %}
    </li>
</ul>

<a class="button-link navigation-global-panel-expanded-recipes__content-view-all-mobile" href="/recipe/" target="_self" aria-label="View All">
    <span class="inline text--cta">View All</span>
</a>