Древовидное меню - как правильно сделать

Имеются категории и подкатегории. Подскажите, как вывести древовидное меню такого плана:

Категория 1

• Подкатегория 1
• Подкатегория 2

Категория 2

• Подкатегория 2

На данный момент получается вывести только категории, либо только подкатегории. Функция для вывода записи на всех страницах

def menu(request):
    menu = Category.objects.all()
    return {'menu': menu}

Подключил в сеттингс 'context_processors.category.menu',

class Sub_Category(models.Model):
    title = models.CharField(max_length=70, verbose_name="Категория")
    slug = models.SlugField(max_length=100, unique='title', verbose_name='url')
    sub_category_key = models.ForeignKey(Category, on_delete=models.CASCADE, verbose_name='Под_категория')

В шаблоне вывожу код циклом

{% for category in menu %}

Я понимаю, что нужно вывести двойным циклом, видел примеры, но до меня никак не доходит как сделать в моем случае... Буду признателен любой помощи