<?php

namespace Solspace\Freeform\Fields\Implementations\Pro;

use craft\helpers\Html;
use Solspace\Freeform\Attributes\Field\Type;
use Solspace\Freeform\Attributes\Property\DefaultValue;
use Solspace\Freeform\Attributes\Property\Implementations\Attributes\ArrayOfNumbersTransformer;
use Solspace\Freeform\Attributes\Property\Implementations\Attributes\CardAttributesTransformer;
use Solspace\Freeform\Attributes\Property\Implementations\Cards\CardsTransformer;
use Solspace\Freeform\Attributes\Property\Input;
use Solspace\Freeform\Attributes\Property\Limitation;
use Solspace\Freeform\Attributes\Property\Section;
use Solspace\Freeform\Attributes\Property\Translatable;
use Solspace\Freeform\Attributes\Property\ValueTransformer;
use Solspace\Freeform\Bundles\Fields\Implementations\CardsField\ImageTransformOptionsGenerator;
use Solspace\Freeform\Events\Fields\CompileFieldAttributesEvent;
use Solspace\Freeform\Fields\AbstractField;
use Solspace\Freeform\Fields\Interfaces\EncryptionInterface;
use Solspace\Freeform\Fields\Interfaces\ExtraFieldInterface;
use Solspace\Freeform\Fields\Interfaces\MultiValueInterface;
use Solspace\Freeform\Fields\Properties\Cards\CardCollection;
use Solspace\Freeform\Fields\Traits\EncryptionTrait;
use Solspace\Freeform\Fields\Traits\ImageAssetTrait;
use Solspace\Freeform\Fields\Traits\MultipleValueTrait;
use Solspace\Freeform\Library\Attributes\CardAttributesCollection;
use yii\base\Event;

#[Type(
    name: 'Cards',
    typeShorthand: 'cards',
    iconPath: __DIR__.'/../Icons/cards.svg',
    previewTemplatePath: __DIR__.'/../PreviewTemplates/cards.ejs',
)]
class CardsField extends AbstractField implements MultiValueInterface, ExtraFieldInterface, EncryptionInterface
{
    use EncryptionTrait;
    use ImageAssetTrait;
    use MultipleValueTrait;

    #[Limitation('props.cards', 'max')]
    #[DefaultValue('props.cards.max')]
    #[Input\Integer(
        label: 'Max Selected Values',
        instructions: 'Limit how many values a user can select. Leave blank or set to 0 for no limit.',
        min: 0,
        unsigned: true,
    )]
    protected ?int $maxSelectedValues = null;

    #[Limitation('props.cards', 'perRow')]
    #[DefaultValue('props.cards.perRow')]
    #[Input\Integer(
        label: 'Cards Per Row',
        instructions: 'Set how many cards should display in each row.',
        min: 1,
        unsigned: true,
    )]
    protected int $cardsPerRow = 5;

    #[Limitation('props.cards', 'transform')]
    #[DefaultValue('props.cards.transform')]
    #[Input\Select(
        label: 'Image Transform',
        instructions: 'Choose an image transform to apply.',
        emptyOption: 'Select an image transform...',
        options: ImageTransformOptionsGenerator::class,
    )]
    protected string $transform = '';

    #[Limitation('props.cards', 'srcset')]
    #[DefaultValue('props.cards.srcset')]
    #[ValueTransformer(ArrayOfNumbersTransformer::class)]
    #[Input\TextArea(
        label: 'Srcset Sizes',
        instructions: 'Enter a comma separated list of image size numbers for `srcset` attribute generation.',
        placeholder: 'e.g. "480, 768, 1024"',
        rows: 1,
    )]
    protected array $srcset = [];

    #[ValueTransformer(CardsTransformer::class)]
    #[Translatable]
    #[Input\Cards(
        label: 'Cards Layout',
        instructions: 'Configure the content and layout of your cards.',
    )]
    protected CardCollection $layout;

    #[Section('attributes')]
    #[Limitation('layout.fields.attributes')]
    #[ValueTransformer(CardAttributesTransformer::class)]
    #[Input\Attributes(
        instructions: 'Add attributes to your field elements.',
        order: 1000,
        tabs: [
            [
                'handle' => 'fieldset',
                'label' => 'Fieldset',
                'previewTag' => 'fieldset',
            ],
            [
                'handle' => 'legend',
                'label' => 'Legend',
                'previewTag' => 'legend',
            ],
            [
                'handle' => 'card',
                'label' => 'Card',
                'previewTag' => 'card',
            ],
            [
                'handle' => 'content',
                'label' => 'Content',
                'previewTag' => 'div',
            ],
            [
                'handle' => 'imageWrapper',
                'label' => 'Image Wrapper',
                'previewTag' => 'div',
            ],
            [
                'handle' => 'image',
                'label' => 'Image',
                'previewTag' => 'img',
            ],
            [
                'handle' => 'cardLabel',
                'label' => 'Card Label',
                'previewTag' => 'span',
            ],
            [
                'handle' => 'cardDescription',
                'label' => 'Card Description',
                'previewTag' => 'span',
            ],
            [
                'handle' => 'cardMetadata',
                'label' => 'Card Metadata',
                'previewTag' => 'span',
            ],
        ]
    )]
    protected CardAttributesCollection $cardAttributes;

    public function getType(): string
    {
        return self::TYPE_CARDS;
    }

    public function getMaxSelectedValues(): ?int
    {
        return $this->maxSelectedValues;
    }

    public function getCardsPerRow(): int
    {
        return $this->cardsPerRow;
    }

    public function getLayout(): CardCollection
    {
        $layout = $this->layout;
        $translatedLayout = $this->getTranslationTable()->get('layout');
        if ($translatedLayout) {
            $layout = new CardCollection($translatedLayout);
        }

        return $layout;
    }

    public function getCardAttributes(): CardAttributesCollection
    {
        $event = new CompileFieldAttributesEvent(
            $this,
            $this->cardAttributes->clone(),
            CardAttributesCollection::class
        );

        Event::trigger($this, self::EVENT_COMPILE_ATTRIBUTES, $event);

        return $event->getAttributes();
    }

    protected function getInputHtml(): string
    {
        $layout = $this->getLayout();

        $fieldId = $this->getIdAttribute();
        $attributes = $this->getAttributes();
        $cardAttributes = $this->getCardAttributes();

        $inputAttributes = $attributes
            ->getInput()
            ->clone()
            ->setIfEmpty('name', $this->getHandle().'[]')
            ->setIfEmpty('type', 'checkbox')
            ->append('class', 'ff-cards__card__input')
        ;

        $output = '';
        foreach ($layout as $index => $card) {
            $id = $fieldId."-{$index}";
            $label = $card->label;
            $value = $card->value;
            $value = $value ?: $label;
            $isSelected = \in_array($value, $this->getValue() ?? [], true);

            $variables = [
                'i' => $index,
                'index' => $index,
                'card' => $card,
                'option' => $card,
                'field' => $this,
            ];

            $asset = $this->getAsset($card->assetId);
            $assetUrl = $this->getSrc($asset);
            $srcset = $this->getSrcset($asset);

            // =========
            // Image
            // =========
            $imgTag = '';
            if ($assetUrl) {
                $imgAttrs = $cardAttributes
                    ->getImage()
                    ->clone()
                    ->append('class', 'ff-cards__card__content__image-wrapper__image')
                    ->setIfEmpty('src', $assetUrl)
                    ->setIfEmpty('srcset', $srcset)
                ;
                $imgTag = Html::tag(
                    $imgAttrs->getTag('img'),
                    '',
                    $imgAttrs->toHtmlTagArray($variables)
                );
            }

            // =========
            // Image Wrapper
            // =========
            $imgWrapperAttrs = $cardAttributes
                ->getImageWrapper()
                ->clone()
                ->append('class', 'ff-cards__card__content__image-wrapper')
            ;
            $contentHtml = Html::tag(
                $imgWrapperAttrs->getTag(),
                $imgTag,
                $imgWrapperAttrs->toHtmlTagArray($variables)
            );

            // =========
            // Label
            // =========
            $labelAttrs = $cardAttributes
                ->getCardLabel()
                ->clone()
                ->append('class', 'ff-cards__card__content__label')
            ;
            $contentHtml .= Html::tag(
                $labelAttrs->getTag('span'),
                $card->label,
                $labelAttrs->toHtmlTagArray($variables)
            );

            // =========
            // Description
            // =========
            $descriptionAttrs = $cardAttributes
                ->getCardDescription()
                ->clone()
                ->append('class', 'ff-cards__card__content__description')
            ;
            $contentHtml .= Html::tag(
                $descriptionAttrs->getTag('span'),
                $card->description,
                $descriptionAttrs->toHtmlTagArray($variables)
            );

            // =========
            // Input
            // =========
            $inputAttrs = $inputAttributes
                ->clone()
                ->replace('id', $id)
                ->replace('value', $value)
                ->replace('checked', $isSelected)
            ;
            $contentTag = Html::tag(
                $inputAttrs->getTag('input'),
                '',
                $inputAttrs->toHtmlTagArray($variables)
            );

            // =========
            // Content
            // =========
            $contentAttrs = $cardAttributes
                ->getContent()
                ->clone()
                ->append('class', 'ff-cards__card__content')
            ;
            $contentTag .= Html::tag(
                $contentAttrs->getTag(),
                $contentHtml,
                $contentAttrs->toHtmlTagArray($variables)
            );

            // =========
            // Wrapper
            // =========
            $cardWrapper = $cardAttributes
                ->getCard()
                ->clone()
                ->append('class', 'ff-cards__card')
                ->setIfEmpty('for', $id)
            ;
            $output .= Html::tag(
                $cardWrapper->getTag('label'),
                $contentTag,
                $cardWrapper->toHtmlTagArray($variables)
            );
        }

        // =========
        // LEGEND
        // =========
        $legend = $cardAttributes
            ->getLegend()
            ->clone()
            ->append('class', 'ff-cards__legend')
            ->setIfEmpty('id', 'ff-cards__legend-'.$fieldId)
        ;
        $legendHtml = Html::tag(
            $legend->getTag('legend'),
            $this->getInstructions() ?: $this->getLabel(),
            $legend->toHtmlTagArray(['field' => $this])
        );

        // =========
        // Fieldset
        // =========
        $fieldset = $cardAttributes
            ->getFieldset()
            ->clone()
            ->append('class', 'ff-cards')
            ->setIfEmpty('aria-labelledby', 'ff-cards__legend-'.$fieldId)
            ->append('style', '--card-columns: '.$this->getCardsPerRow())
        ;

        return Html::tag(
            $fieldset->getTag('fieldset'),
            $legendHtml.$output,
            $fieldset->toHtmlTagArray(['field' => $this])
        );
    }
}
