class HomePage(MetadataPageMixin, Page):


    title_block_left = models.TextField(blank=True, verbose_name="Linkerblok titel")
    subtitle_block_left = models.TextField(blank=True, verbose_name="Linkerblok subtitel")
    content_block_left = models.TextField(blank=True, verbose_name="Linkerblok content")
    link_block_left = models.TextField(blank=True, verbose_name="Linkerblok button link")
    image_block_left = models.ForeignKey(
        'wagtailimages.Image',
        null=True,
        blank=True,
        on_delete=models.SET_NULL,
        related_name='+',
        verbose_name="Foto linkerblok",
    )

    title_block_middle = models.TextField(blank=True, verbose_name="Middenblok titel")
    subtitle_block_middle = models.TextField(blank=True, verbose_name="Middenblok subtitel")
    content_block_middle = models.TextField(blank=True, verbose_name="Middenblok content")
    link_block_middle = models.TextField(blank=True, verbose_name="Middenblok button link")
    image_block_middle = models.ForeignKey(
        'wagtailimages.Image',
        null=True,
        blank=True,
        on_delete=models.SET_NULL,
        related_name='+',
        verbose_name="Foto linkerblok",
    )
    title_block_right = models.TextField(blank=True, verbose_name="Rechterblok titel")
    subtitle_block_right = models.TextField(blank=True, verbose_name="Rechterblok subtitel")
    content_block_right = models.TextField(blank=True, verbose_name="Rechterblok content")
    link_block_right = models.TextField(blank=True, verbose_name="Rechterblok button link")
    image_block_right = models.ForeignKey(
        'wagtailimages.Image',
        null=True,
        blank=True,
        on_delete=models.SET_NULL,
        related_name='+',
        verbose_name="Foto linkerblok",
    )
    content_panels = Page.content_panels + [
        MultiFieldPanel(
            [
                FieldPanel('title_block_left'),
                FieldPanel('subtitle_block_left'),
                ImageChooserPanel('image_block_left'),
                FieldPanel('content_block_left'),
                FieldPanel('link_block_left'),
            ],
            heading="Linker blok",
            classname="collapsible collapsed"
        ),
        MultiFieldPanel(
            [
                FieldPanel('title_block_middle'),
                FieldPanel('subtitle_block_middle'),
                ImageChooserPanel('image_block_middle'),
                FieldPanel('content_block_middle'),
                FieldPanel('link_block_middle'),
            ],
            heading="Midden blok",
            classname="collapsible collapsed"
        ),
        MultiFieldPanel(
            [
                FieldPanel('title_block_right'),
                FieldPanel('subtitle_block_right'),
                ImageChooserPanel('image_block_right'),
                FieldPanel('content_block_right'),
                FieldPanel('link_block_right'),
            ],
            heading="Rechter blok",
            classname="collapsible collapsed"
        ),

    ]