<?php

namespace PrestaShop\Module\PolarisPrestaTheme\Forms;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
use Symfony\Component\Form\Extension\Core\Type\SubmitType;
use Symfony\Component\Form\Extension\Core\Type\ColorType;


class GeneralType extends AbstractType{

    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $alphabet = 'Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz';
        $fontChoices = [
        // Fontes natives du thème MÉRIDIAN (déjà chargées par theme.css)
        'Bodoni Moda (thème — titres)' => 'Bodoni Moda',
        'Archivo (thème — textes)' => 'Archivo',
        // idéalement, utilise les noms exacts des familles comme *valeurs*
        'Lato' => 'Lato',
        'Poppins' => 'Poppins',
        'Roboto' => 'Roboto',
        'Raleway' => 'Raleway',
        'Montserrat' => 'Montserrat',
        'Comic Neue' => 'Comic Neue',
        'Courier Prime' => 'CourierPrime',
        'Nanum Brush Script' => 'NanumBrushScript',
        'Open Sans' => 'OpenSans',
        ];


        $builder
            ->add('primary', ColorType::class, [
                'label' => 'Couleur Principale',
                'attr' => [
                    'class' => 'color-picker',
                    'data-hex' => 'true'
                ],
            ])
            

            ->add('secondary',ColorType::class, [
                'label' => 'Couleur secondaire',
                'attr' => [
                    'class' => 'color-picker',
                    'data-hex' => 'true'
                ],
            ])


            ->add('fontTitle', ChoiceType::class, [
                'label' => 'Choisissez la police des Titres',
                'choices' => $fontChoices,
                'help' => $alphabet,
                'help_attr' => ['class' => 'fontTitleHelp'], // 👈 classes CSS pour le help
            ])

            ->add('fontText', ChoiceType::class, [
                'label' => 'Choisissez la police des Textes',
                'choices' => $fontChoices,
                'help' => $alphabet,

            ])

            ->add('container', ChoiceType::class, [
                'label' => 'Largeur du site',
                'choices' => [
                    'Contenu (centré, largeur maximale)' => 'contained',
                    'Pleine largeur (le contenu occupe toute la page)' => 'full',
                ],
                'help' => 'Choisissez si le contenu du site est centré dans un conteneur à largeur maximale, ou s’il occupe toute la largeur de la page.',
            ])

            ->add('save', SubmitType::class , [
                'label' => 'Enregistrer',
                'attr' => [
                    'class' => 'btn btn-primary',
                ],
            ])
        ;
       
    }

    public static function getIntro(): ?string
    {
        return 'Cette page vous permet de personnaliser l’apparence globale de votre boutique.</br>
        - Choisissez un style de thème parmi les modèles proposés en cliquant sur le visuel souhaité.</br>
        - Définissez les couleurs principales de votre site (couleur principale et couleur secondaire)</br>
        - Sélectionnez la police d’écriture utilisée pour les titres et pour les textes</br>
        - Choisissez la largeur du site : contenu centré (largeur maximale) ou pleine largeur</br>
        - Une fois tous les champs remplis, cliquez sur "Enregistrer" pour enregistrer les modifications.
        ';
    }

}