<?php

namespace Webien\Elementor\Extensions\Buttons;

class OptionPage
{

    public function __construct()
    {
        $this->add_options();
    }

    function add_options()
    {
        $acf = new \StoutLogic\AcfBuilder\FieldsBuilder(
            'button_options_2', ['title' => __('Knappinställningar', 'webien')]
        );
        $acf
            ->addTab('Knappar')
            ->addRepeater('button_list', [
                'label' => __('Knapplista', 'webien'),
                'instructions' => __('Addera dina knappar här. Behöver du hjälp med CSS? Kopiera från Figma eller <a href="https://www.htmlcssbuttongenerator.com/css-button-generator.html" target="_blank">hämta online!</a>', 'webien'),
                'min' => 1,
                'button_label' => __('Lägg till knapp', 'webien'),
                'layout' => 'block',
            ])
                ->addTab('Allmänt')
                ->addText('name', [
                    'label' => __('Namn', 'webien'),
                    'instructions' => __('', 'webien'),
                    'wrapper' => [
                        'width' => '50',
                        'class' => '',
                        'id' => '',
                    ],
                ])
                ->addTab('Normal')
                ->addTextarea('css_normal_mobile', [
                    'label' => __('CSS', 'webien'),
                    'instructions' => __('Lägg till css attribut som kommer appliceras direkt på knapp elementet.', 'webien'),
                    'wrapper' => [
                        'width' => '50',
                        'class' => '',
                        'id' => '',
                    ],
                    'placeholder' => 'padding: 20px;',
                    'maxlength' => '',
                    'rows' => '',
                    'new_lines' => '',
                ])
                ->addTextarea('css_normal_desktop', [
                    'label' => __('CSS - Desktop', 'webien'),
                    'instructions' => __('Ytterligare css attribut som endast ska vara med på desktop.', 'webien'),
                    'wrapper' => [
                        'width' => '50',
                        'class' => '',
                        'id' => '',
                    ],
                    'placeholder' => 'padding: 30px;',
                    'maxlength' => '',
                    'rows' => '',
                    'new_lines' => '',
                ])
                ->addTab('Hover')
                ->addTextarea('css_hover_mobile', [
                    'label' => __('CSS', 'webien'),
                    'instructions' => __('Lägg till css attribut som kommer appliceras direkt på knapp elementet.', 'webien'),
                    'wrapper' => [
                        'width' => '50',
                        'class' => '',
                        'id' => '',
                    ],
                    'placeholder' => 'color: #000;',
                    'maxlength' => '',
                    'rows' => '',
                    'new_lines' => '',
                ])
                ->addTextarea('css_hover_desktop', [
                    'label' => __('CSS - Desktop', 'webien'),
                    'instructions' => __('Ytterligare css attribut som endast ska vara med på desktop.', 'webien'),
                    'wrapper' => [
                        'width' => '50',
                        'class' => '',
                        'id' => '',
                    ],
                    'placeholder' => '',
                    'maxlength' => '',
                    'rows' => '',
                    'new_lines' => '',
                ])
                ->addTab('Mer')
                ->addTextarea('css_more', [
                    'label' => __('Mer custom CSS', 'webien'),
                    'instructions' => __('Här kan du addera fri CSS inklusive egna selektorer som kommer att gälla <span style="color:#red;font-weight:bold;">inuti</span> din knapp.', 'webien'),
                    'wrapper' => [
                        'width' => '100',
                        'class' => '',
                        'id' => '',
                    ],
                    'placeholder' => '.icon { transform: translateX(50%); }',
                    'maxlength' => '',
                    'rows' => '',
                    'new_lines' => '',
                ])
                ->endRepeater()

            ->addTab('Generellt')
            ->addTextarea('css_button_general', [
                'label' => __('CSS', 'webien'),
                'instructions' => __('Lägg till generell styling som kommer appliceras på alla elementor knappar.', 'webien'),
                'wrapper' => [
                    'width' => '50',
                    'class' => '',
                    'id' => '',
                ],
                'placeholder' => 'padding: 20px;',
                'maxlength' => '',
                'rows' => '',
                'new_lines' => '',
            ])
            ->addTextarea('css_button_general_desktop', [
                'label' => __('CSS - Desktop', 'webien'),
                'instructions' => __('Ytterligare css attribut som endast ska vara med på desktop.', 'webien'),
                'wrapper' => [
                    'width' => '50',
                    'class' => '',
                    'id' => '',
                ],
                'placeholder' => 'padding: 40px;',
                'maxlength' => '',
                'rows' => '',
                'new_lines' => '',
            ])

            ->setLocation('options_page', '==', 'acf-options-webien');

        acf_add_local_field_group($acf->build());
    }


}
(new \Webien\Elementor\Extensions\Buttons\OptionPage());