<?php

/**
 * Views class for Shortcode generator options.
 *
 * @link       https://themeatelier.net
 * @since      1.0.0
 *
 * @package domain-for-sale
 * @subpackage domain-for-sale/src/Admin/Views/DomainForSaleMetaboxTypography
 * @author     ThemeAtelier<themeatelierbd@gmail.com>
 */

namespace ThemeAtelier\DomainForSale\Admin\Views\Metabox;

use ThemeAtelier\DomainForSale\Admin\Framework\Classes\DOMAIN_FOR_SALE;

class DomainForSaleTypography
{
    /**
     * Create Option fields for the setting options.
     *
     * @param string $prefix Option setting key prefix.
     * @return void
     */
    public static function options($prefix)
    {
        // Main options
        DOMAIN_FOR_SALE::createSection(
            $prefix,
            array(
                'title'  => esc_html__('Typography', 'domain-for-sale'),
                'icon'   => 'icofont-text-width',
                'fields' => array(
                    array(
                        'id'         => 'body_typo',
                        'type'       => 'typography',
                        'title'      => esc_html__('Body', 'domain-for-sale'),
                        'text_align' => false,
                        'letter_spacing' => false,
                        'color'      => false,
                        'subset'     => false,
                        'default'    => array(
                            'font-family'      => 'Nunito',
                            'font-weight'      => '400',
                            'type'             => 'google',
                            'font-size'        => '16',
                            'line-height'      => '20',
                            'tablet-font-size' => '16',
                            'mobile-font-size' => '16',
                            'color'            => '',
                        ),
                        'title_help' =>
                        '<div class="domain-for-sale-info-label">'
                            . esc_html__('Set the typography for the body text across the website. You can adjust font, size, and line height for different devices.', 'domain-for-sale') .
                            '</div> <a class="tooltip_btn_primary" target="_blank" href="' . esc_url(DOMAIN_FOR_SALE_DEMO_URL . 'docs/typography/?ref=1') . '">'
                            . esc_html__('Open Docs', 'domain-for-sale') . '</a>',
                    ),

                    array(
                        'id'         => 'domain_name_typo',
                        'type'       => 'typography',
                        'title'      => esc_html__('Domain Name', 'domain-for-sale'),
                        'text_align' => false,
                        'letter_spacing' => false,
                        'subset'     => false,
                        'default'    => array(
                            'font-family'      => 'Poppins',
                            'font-weight'      => '700',
                            'type'             => 'google',
                            'font-size'        => '48',
                            'line-height'      => '48',
                            'tablet-font-size' => '42',
                            'mobile-font-size' => '38',
                            'color'            => '',
                        ),
                        'title_help' =>
                        '<div class="domain-for-sale-info-label">'
                            . esc_html__('Set the typography for the domain name display. Choose font, size, and responsive scaling.', 'domain-for-sale') .
                            '</div> <a class="tooltip_btn_primary" target="_blank" href="' . esc_url(DOMAIN_FOR_SALE_DEMO_URL . 'docs/typography/?ref=1') . '">'
                            . esc_html__('Open Docs', 'domain-for-sale') . '</a>',
                    ),

                    array(
                        'id'         => 'sale_title_typo',
                        'type'       => 'typography',
                        'title'      => esc_html__('Sale Title', 'domain-for-sale'),
                        'text_align' => false,
                        'letter_spacing' => false,
                        'subset'     => false,
                        'default'    => array(
                            'font-family'      => 'Poppins',
                            'font-weight'      => '700',
                            'type'             => 'google',
                            'font-size'        => '38',
                            'line-height'      => '38',
                            'tablet-font-size' => '32',
                            'mobile-font-size' => '30',
                            'color'            => '',
                        ),
                        'title_help' =>
                        '<div class="domain-for-sale-info-label">'
                            . esc_html__('Customize the typography for the sale title section. Adjust font and size for desktop, tablet, and mobile.', 'domain-for-sale') .
                            '</div> <a class="tooltip_btn_primary" target="_blank" href="' . esc_url(DOMAIN_FOR_SALE_DEMO_URL . 'docs/typography/?ref=1') . '">'
                            . esc_html__('Open Docs', 'domain-for-sale') . '</a>',
                    ),

                    array(
                        'id'         => 'dfs_form_title',
                        'type'       => 'typography',
                        'title'      => esc_html__('Form Title', 'domain-for-sale'),
                        'text_align' => false,
                        'letter_spacing' => false,
                        'subset'     => false,
                        'hover_color' => true,
                        'default'    => array(
                            'font-family'      => 'Poppins',
                            'font-weight'      => '700',
                            'type'             => 'google',
                            'font-size'        => '32',
                            'line-height'      => '32',
                            'tablet-font-size' => '26',
                            'color'            => '#000000',
                            'hover_color'      => '',
                        ),
                        'title_help' =>
                        '<div class="domain-for-sale-info-label">'
                            . esc_html__('Set the typography for the form title. Hover color option is also available.', 'domain-for-sale') .
                            '</div> <a class="tooltip_btn_primary" target="_blank" href="' . esc_url(DOMAIN_FOR_SALE_DEMO_URL . 'docs/typography/?ref=1') . '">'
                            . esc_html__('Open Docs', 'domain-for-sale') . '</a>',
                    ),
                )
            )
        );
    }
}
