<?php

class MBButtons extends MBComponentBase {
  protected function init_options($options) {
    $options->enabled = true;
    $options->id = "inoby-buttons";
    $options->title = __("Tlačidlá", "inoby");
    $options->icon = "button";
    $options->render_template = get_theme_file_path("components/buttons/template.php");
    $options->fields = [
      [
        "name" => __("Zarovnanie tlačidiel", "inoby"),
        "id" => "component-buttons-align",
        "type" => 'select_advanced',
        "options" => [
          'flex-start'    => 'Vľavo',
          'center'        => 'Na stred',
          'flex-end'      => 'Vpravo',
          'space-between' => 'Od seba',
        ],
        "placeholder" => __("Vyberte zarovnanie", "inoby"),
      ],
      [
        'name'      => __('Bočný rozostup tlačidiel (v px)', 'inoby'),
        'id'              => 'component-buttons-margin-side',
        'type' => 'number',
        'min'   => 1,
        'max'   => 300,
        'step'  => 1,
      ],
      [
        'name'      => __('Spodný rozostup tlačidiel (v px)', 'inoby'),
        'id'              => 'component-buttons-margin-bottom',
        'type' => 'number',
        'min'   => 1,
        'max'   => 100,
        'step'  => 1,
      ],
      [
        'name' => __('Plná šírka tlačidiel na mobiloch', 'inoby'),
        'id'   => 'component-buttons-mobile-fullwidth',
        'type' => 'checkbox',
        'std'  => 1,
      ],
      [
        "type" => "divider",
      ],
      [
        'group_title'   => __('Tlačidlo - {text}', 'inoby'),
        'id'            => 'component-buttons',
        'type'          => 'group',
        'clone'         => true,
        'collapsible'   => true,
        'sort_clone'    => true,
        'add_button'    => __('Pridať ďalšie tlačidlo', 'inoby'),
        'fields' => array(
          [
            'id'       => 'text',
            'name'    => __('Text tlačidla', 'inoby'),
            'placeholder'   => __('Vložte text', 'inoby'),
            'type'     => 'text',
          ],
          [
            'id'       => 'url',
            'name'    => __('Odkaz', 'inoby'),
            'placeholder'   => __('Vložte odkaz', 'inoby'),
            'type'     => 'text',
          ],
          [
            'name' => __('Otvoriť odkaz v novom okne?', 'inoby'),
            'id'   => 'target',
            'type' => 'checkbox',
            'std'  => 1,
          ],
          [
            "name" => __("Typ tlačidla", "inoby"),
            "id" => "type",
            "type"            => 'select_advanced',
            "options"         => [
              'button'          => 'Tlačidlo',
              'button button-outline' => 'Obrysové tlačidlo',
              'button light'          => 'Tlačidlo - svetlé',
              'button button-outline light'          => 'Obrysové tlačidlo - svetlé',
              'link'          => 'Link',
            ],
            "placeholder" => __("Vyberte typ tlačidla", "inoby"),
          ],
        )
      ],
    ];
    $options->preview = [
      [
        // 'component-buttons' => ['text' => 'text', 'url' => '#0', 'type' => 'button'],
        // ['component-buttons'['text']] => 'text',
      ],
    ];
  }
}

function inoby_mb_button() {
  return [
    [
      'id'       => 'text',
      'name'    => __('Text tlačidla', 'inoby'),
      'placeholder'   => __('Vložte text', 'inoby'),
      'type'     => 'text',
    ],
    [
      'id'       => 'url',
      'name'    => __('Odkaz', 'inoby'),
      'placeholder'   => __('Vložte odkaz', 'inoby'),
      'type'     => 'text',
    ],
    [
      'name' => __('Otvoriť odkaz v novom okne?', 'inoby'),
      'id'   => 'target',
      'type' => 'checkbox',
      'std'  => 1,
    ],
    [
      "name" => __("Typ tlačidla", "inoby"),
      "id" => "type",
      "type"            => 'select_advanced',
      "options"         => [
        'button'          => 'Tlačidlo',
        'button button-outline' => 'Obrysové tlačidlo',
        'button light'          => 'Tlačidlo - svetlé',
        'button button-outline light'          => 'Obrysové tlačidlo - svetlé',
        'link'          => 'Link',
      ],
      "placeholder" => __("Vyberte typ tlačidla", "inoby"),
    ]
  ];
}