<?php

namespace App\Komma\Dynamic\ComponentType\Types;

use App\Komma\Dynamic\ComponentType\ComponentTypes;
use App\Komma\Kms\Core\Attributes\Attribute;
use App\Komma\Kms\Core\Attributes\OnOff;
use App\Komma\Kms\Core\Attributes\TextField;

class Heading extends AbstractComponentType
{
    //Set an id that corresponds to the ComponentTypes enum
    protected $id = ComponentTypes::HEADING;

    //Set icon and name
    protected $name = 'heading';

    protected $translatableAttributes = ['title', 'subtitle'];

    public function __construct()
    {
        parent::__construct();

        //Add attributes
        $this->attributes->push((new OnOff())
            ->setLabelText('Grey Background')
            ->setStyleClass('is-background-option')
            ->mapValueFrom(Attribute::ValueFromItself, 'grey_background')
        );

        $this->attributes->push((new OnOff())
            ->setLabelText('Black Background')
            ->setStyleClass('is-background-option')
            ->mapValueFrom(Attribute::ValueFromItself, 'black_background')
        );

        $this->attributes->push((new TextField('title'))
            ->setPlaceholderText('Ex. Manage the whole rental cycle')
            ->mapValueFrom(Attribute::ValueFromItself, 'title'));

        $this->attributes->push((new TextField('subtitle'))
            ->setPlaceholderText('Ex. Convert request into quotes')
            ->mapValueFrom(Attribute::ValueFromItself, 'subtitle'));

        $this->attributes->push((new TextField('usp 1'))
            ->mapValueFrom(Attribute::ValueFromItself, 'usp1'));

        $this->attributes->push((new TextField('usp 2'))
            ->mapValueFrom(Attribute::ValueFromItself, 'usp2'));

        $this->attributes->push((new TextField('usp 3'))
            ->mapValueFrom(Attribute::ValueFromItself, 'usp3'));

        $this->attributes->push((new OnOff())
            ->setLabelText('Reverse')
            ->mapValueFrom(Attribute::ValueFromItself, 'reversed'));

        $this->addButton();

        $this->addButton('button-2');
    }
}