вложенные категории django+jquaery

Подскажите пожалуйста как реализовать подобную структуру на django+jquery? models.py

class Category(models.Model):
    name = models.CharField(max_length=200, db_index=True)
    slug = models.SlugField(max_length=200, db_index=True, unique=True)
class Subcategory(models.Model):
    name = models.CharField(max_length=200, verbose_name='Подкатегория')
    slug = models.SlugField(max_length=50, unique=True)
    category = models.ForeignKey('Category', verbose_name='Категория', on_delete=models.CASCADE, related_name='cates')
class Product(models.Model):
    category = models.ForeignKey('Category', related_name='products', verbose_name='Категория', on_delete=models.CASCADE)
    subcategory = models.ForeignKey('Subcategory', on_delete=models.CASCADE, verbose_name='Подкатегория', blank=True)
    name = models.CharField(max_length=200, db_index=True, verbose_name='Название')
    slug = models.SlugField(max_length=200, db_index=True)