<?php

namespace App\Komma\Dynamic\ComponentType\Types;

use App\Komma\CustomerStories\Kms\CustomerStoryService;
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\Select;
use App\Komma\Kms\Core\Attributes\Seperator;
use App\Komma\Kms\Core\Attributes\TextArea;
use App\Komma\Kms\Core\Attributes\TextField;

class CustomerStoryTabs extends AbstractComponentType
{
    public function __construct()
    {
        //Set an id that corresponds to the ComponentTypes enum
        $this->id = ComponentTypes::CUSTOMER_STORY_TABS;

        //Set icon and name
        $this->name = 'customer-story-tabs';

        parent::__construct();

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

        $customerStoryService = \App::make(CustomerStoryService::class);
        $customerStories = $customerStoryService->getOptionsForSelect();

        for ($i = 0; $i < 5; $i++) {
            $this->translatableAttributes[] = 'title_'.($i + 1);
            $this->translatableAttributes[] = 'description_'.($i + 1);
            $this->translatableAttributes[] = 'button_'.($i + 1).'_label';

            $this->attributes->push((new TextField('Tab'))
                ->mapValueFrom(Attribute::ValueFromItself, 'title_'.($i + 1))//Needed to sustain Attribute integrity.
                ->setPlaceholderText('Ex. Av & Lighting')
                ->setDataAttribute('tab', ($i + 1))
            );

            $this->attributes->push((new TextArea())
                ->setLabelText('Description')
                ->enableTinymceEditorOnClick()
                ->setPlaceholderText('Ex. Lorum ipsum')
                ->mapValueFrom(Attribute::ValueFromItself, 'description_'.($i + 1))//Needed to sustain Attribute integrity.
                ->setDataAttribute('tab', ($i + 1)));

            $this->attributes->push((new Select())
                ->setLabelText('Story')
                ->setItems($customerStories->toArray())
                ->mapValueFrom(Attribute::ValueFromItself, 'customer_story_'.($i + 1))
                ->setDataAttribute('tab', ($i + 1)));

            $this->attributes->push((new Seperator())
                ->setDataAttribute('tab', ($i + 1)));

            $this->addButton('Button '.($i + 1), ($i + 1));

//            $this->attributes->push((new Seperator())
//                ->setDataAttribute('tab', ($i + 1)));

//            $this->attributes->push((new Documents())
//                ->setLabelText('Impression')
//                ->onlyAllowImages()
//                ->setSmallDragAndDropArea()
//                ->setMaxDocuments(1)
//                ->setSubFolder('customerStoryImpression')
//                ->mapValueFrom(Attribute::ValueFromItself, 'impression_' . ($i + 1)) //Needed to sustain Attribute integrity.
//                ->setDataAttribute('tab', ($i + 1)));
        }
    }
}