{articles tags="delivery-setup"}

<div uk-grid>
        <div class="uk-width-auto">
                <ul class="uk-tab-left" uk-tab="connect: #menu-list; animation: uk-animation-fade">
<?php

$categories = ['Take Away Appetizers', 'Salads', 'Brunch', 'Sandwiches & Panini', 'Family Style Offerings', 'Hot Entrees', 'Sides', 'Petite Sweets', 'Fix it Yourself Bars'];

foreach($categories as $category)
{
        echo '<li><a href="#">' . $category . '</a></li>';
}
?>
</ul>
</div>

<div id="menu-list" class="uk-switcher uk-width-expand">
<?php        
foreach($categories as $category)
{
   echo '{snippet alias="menu" Category="' . $category . '" tag="pick-up"}';
}

?>
</div>
</div>

<div>
        <h3>%Category%</h3>
        <ul class="uk-list uk-list-large uk-column-1-2@s uk-margin-remove-vertical uk-scrollspy-inview menu-list">
                {articles category="%Category%" tag="%tag%"}
                <li>
                        <div class="uk-grid-small" uk-grid>
                                <div class="uk-width-expand uk-text-primary uk-margin-remove" {if price}uk-leader{/if}>[title]</div>
                                {if price}<div class="uk-text-secondary">[price]</div>{/if}
                        </div>
                        
                                <div class="uk-text-meta">[text]</div>
                        
                </li>
                {/articles}
        </ul>
</div>