<?php
$this->Admin->section(__('Skin', 'awesome-live-chat'))
->add('textbox', array(
    'title' => __('Header Font', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_font_header',
    'name'  => 'alc_settings[skin][font_header]',
    'help'  => sprintf(__('Google font for the chat header. See a list of %s.', 'awesome-live-chat'),
                    '<a href="https://www.google.com/fonts" target="_blank">' . __('google fonts', 'awesome-live-chat') . '</a>'),
    'value' => $Settings['font_header']
))->add('textbox', array(
    'title' => __('Body Font', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_font_body',
    'name'  => 'alc_settings[skin][font_body]',
    'help'  => sprintf(__('Google font for the chat body. See a list of %s.', 'awesome-live-chat'),
                    '<a href="https://www.google.com/fonts" target="_blank">' . __('google fonts', 'awesome-live-chat') . '</a>'),
    'value' => $Settings['font_body']
))->add('color', array(
    'title' => __('Primary Color', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_color_primary_bg',
    'name'  => 'alc_settings[skin][color_primary_bg]',
    'help'  => __('Primary color of the chat panel. This includes the header and confirmation buttons.', 'awesome-live-chat'),
    'value' => $Settings['color_primary_bg']
))->add('color', array(
    'title' => __('Primary Text Color', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_color_primary_text',
    'name'  => 'alc_settings[skin][color_primary_text]',
    'help'  => __('Primary text color of the chat panel (the header).', 'awesome-live-chat'),
    'value' => $Settings['color_primary_text']
))->add('color', array(
    'title' => __('Secondary Color', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_color_secondary_bg',
    'name'  => 'alc_settings[skin][color_secondary_bg]',
    'help'  => __('Secondary color of the chat panel. This includes the status bar and cancellation buttons.', 'awesome-live-chat'),
    'value' => $Settings['color_secondary_bg']
))->add('color', array(
    'title' => __('Secondary Text Color', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_color_secondary_text',
    'name'  => 'alc_settings[skin][color_secondary_text]',
    'help'  => __('Secondary text color of the chat panel (the status bar).', 'awesome-live-chat'),
    'value' => $Settings['color_secondary_text']
))->add('color', array(
    'title' => __('Border Color', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_color_border',
    'name'  => 'alc_settings[skin][color_border]',
    'help'  => __('Transparent border color.', 'awesome-live-chat'),
    'value' => $Settings['color_border']
))->add('range', array(
    'title' => __('Border Opacity', 'awesome-live-chat'),
    'id'    => 'alc_settings_skin_border_transparency',
    'name'  => 'alc_settings[skin][border_transparency]',
    'help'  => __('Opacity of the chat border.', 'awesome-live-chat'),
    'value' => $Settings['border_transparency']
));