<div class="kopa-content-box tab-content tab-content-1" id="tab-general">
    
    <div class="kopa-box-head">
        <?php echo KopaIcon::getIcon('fa fa-hand-o-right', 'i'); ?>
        <span class="kopa-section-title"><?php _e('Logo, Favicon, Apple Icon', 'circle-lite'); ?></span>
    </div>
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Logo', 'circle-lite'); ?></span>
            
            <p class="kopa-desc">               
               <?php printf(__('Click <a href="%s">here</a> to upload your logo.', 'circle-lite'), admin_url('themes.php?page=custom-header')); ?>
            </p>
            
            <p class="kopa-desc"><?php _e('Logo margin', 'circle-lite'); ?></p>
            <label class="kopa-label"><?php _e('Top margin:', 'circle-lite'); ?> </label>
            <input type="text" value="<?php echo get_option('kopa_theme_options_logo_margin_top'); ?>" id="kopa_theme_options_logo_margin_top" name="kopa_theme_options_logo_margin_top" class=" kopa-short-input">
            <label class="kopa-label"><?php _e('px', 'circle-lite'); ?></label>
            <span class="kopa-spacer"></span>
            <label class="kopa-label"><?php _e('Left margin:', 'circle-lite'); ?> </label>
            <input type="text" value="<?php echo get_option('kopa_theme_options_logo_margin_left'); ?>" id="kopa_theme_options_logo_margin_left" name="kopa_theme_options_logo_margin_left" class=" kopa-short-input">
            <label class="kopa-label"><?php _e('px', 'circle-lite'); ?></label>
            <span class="kopa-spacer"></span>
            <label class="kopa-label"><?php _e('Right margin:', 'circle-lite'); ?> </label>
            <input type="text" value="<?php echo get_option('kopa_theme_options_logo_margin_right'); ?>" id="kopa_theme_options_logo_margin_right" name="kopa_theme_options_logo_margin_right" class=" kopa-short-input">
            <label class="kopa-label"><?php _e('px', 'circle-lite'); ?></label>
            <span class="kopa-spacer"></span>
            <label class="kopa-label"><?php _e('Bottom margin:', 'circle-lite'); ?> </label>
            <input type="text" value="<?php echo get_option('kopa_theme_options_logo_margin_bottom'); ?>" id="kopa_theme_options_logo_margin_bottom" name="kopa_theme_options_logo_margin_bottom" class=" kopa-short-input">
            <label class="kopa-label"><?php _e('px', 'circle-lite'); ?></label>
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Favicon', 'circle-lite'); ?></span>
            <p class="kopa-desc"><?php _e('Upload your own favicon.', 'circle-lite'); ?></p>    
            <div class="clearfix">
                <input class="left" type="text" value="<?php echo get_option('kopa_theme_options_favicon_url'); ?>" id="kopa_theme_options_favicon_url" name="kopa_theme_options_favicon_url">
                <button class="left btn btn-success upload_image_button" alt="kopa_theme_options_favicon_url"><?php echo KopaIcon::getIcon('fa fa-upload', 'span'); ?><?php _e('Upload', 'circle-lite'); ?></button>
            </div>
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Apple Icons', 'circle-lite'); ?></span>
            <p class="kopa-desc"><?php _e('Iphone (57px - 57px)', 'circle-lite'); ?></p>   
            <div class="clearfix">
                <input class="left" type="text" value="<?php echo get_option('kopa_theme_options_apple_iphone_icon_url'); ?>" id="kopa_theme_options_apple_iphone_icon_url" name="kopa_theme_options_apple_iphone_icon_url">
                <button class="left btn btn-success upload_image_button" alt="kopa_theme_options_apple_iphone_icon_url"><?php echo KopaIcon::getIcon('fa fa-upload', 'span'); ?><?php _e('Upload', 'circle-lite'); ?></button>
            </div>
            <p class="kopa-desc"><?php _e('Iphone Retina (114px - 114px)', 'circle-lite'); ?></p>    
            <div class="clearfix">
                <input class="left" type="text" value="<?php echo get_option('kopa_theme_options_apple_iphone_retina_icon_url'); ?>" id="kopa_theme_options_apple_iphone_retina_icon_url" name="kopa_theme_options_apple_iphone_retina_icon_url">
                <button class="left btn btn-success upload_image_button" alt="kopa_theme_options_apple_iphone_retina_icon_url"><?php echo KopaIcon::getIcon('fa fa-upload', 'span'); ?><?php _e('Upload', 'circle-lite'); ?></button>
            </div>
            <p class="kopa-desc"><?php _e('Ipad (72px - 72px)', 'circle-lite'); ?></p>    
            <div class="clearfix">
                <input class="left" type="text" value="<?php echo get_option('kopa_theme_options_apple_ipad_icon_url'); ?>" id="kopa_theme_options_apple_ipad_icon_url" name="kopa_theme_options_apple_ipad_icon_url">
                <button class="left btn btn-success upload_image_button" alt="kopa_theme_options_apple_ipad_icon_url"><?php echo KopaIcon::getIcon('fa fa-upload', 'span'); ?><?php _e('Upload', 'circle-lite'); ?></button>
            </div>
            <p class="kopa-desc"><?php _e('Ipad Retina (144px - 144px)', 'circle-lite'); ?></p>    
            <div class="clearfix">
                <input class="" type="text" value="<?php echo get_option('kopa_theme_options_apple_ipad_retina_icon_url'); ?>" id="kopa_theme_options_apple_ipad_retina_icon_url" name="kopa_theme_options_apple_ipad_retina_icon_url">
                <button class="btn btn-success upload_image_button" alt="kopa_theme_options_apple_ipad_retina_icon_url"><?php echo KopaIcon::getIcon('fa fa-upload', 'span'); ?><?php _e('Upload', 'circle-lite'); ?></button>
            </div>
        </div>  
    </div>
    <div class="kopa-box-head">
        <?php echo KopaIcon::getIcon('fa fa-hand-o-right', 'i'); ?>
        <span class="kopa-section-title"><?php _e('Main Content', 'circle-lite'); ?></span>
    </div>
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Play Video in lightbox', 'circle-lite'); ?></span>
            <?php
            $play_video_types = array(
                'enable' => __('Enable', 'circle-lite'),
                'disable' => __('Disable', 'circle-lite')
            );
            $play_video_type_name = "kopa_theme_options_play_video_in_lightbox";
            foreach ($play_video_types as $value => $label):
                $play_video_type_id = $play_video_type_name . "_{$value}";
                ?>
                <label  for="<?php echo $play_video_type_id; ?>" class="kopa-label-for-radio-button"><input type="radio" value="<?php echo $value; ?>" id="<?php echo $play_video_type_id; ?>" name="<?php echo $play_video_type_name; ?>" <?php echo ($value == get_option($play_video_type_name, 'disable')) ? 'checked="checked"' : ''; ?>><?php echo $label; ?></label>
                <?php
            endforeach
            ?>
        </div>
    </div>
    <div class="kopa-box-head">
        <?php echo KopaIcon::getIcon('fa fa-hand-o-right', 'i'); ?>
        <span class="kopa-section-title"><?php _e('Contact Information', 'circle-lite'); ?></span>
    </div>
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Show contact information at the header', 'circle-lite'); ?></span>  
            <span class="kopa-component-title"><?php _e('Email:', 'circle-lite'); ?></span>
            <input type="text" value="<?php echo get_option('kopa_theme_options_email_address'); ?>" id="kopa_theme_options_email_address" name="kopa_theme_options_email_address">
        </div>
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Phone number:', 'circle-lite'); ?></span>
            <input type="text" value="<?php echo get_option('kopa_theme_options_phone_number'); ?>" id="kopa_theme_options_phone_number" name="kopa_theme_options_phone_number">
        </div>
    </div>        
    <div class="kopa-box-head">
        <?php echo KopaIcon::getIcon('fa fa-hand-o-right', 'i'); ?>
        <span class="kopa-section-title"><?php _e('Footer', 'circle-lite'); ?></span>
    </div>
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Background', 'circle-lite'); ?></span>
            <p class="kopa-desc"><?php _e('Theme support two footer style: Dark & Light', 'circle-lite'); ?></p>    
            <?php
            $footer_styles = array(
                'dark-footer' => __('Dark', 'circle-lite'),
                'light-footer' => __('Light', 'circle-lite')
            );
            $footer_style_name = "kopa_theme_options_footer_style";
            foreach ($footer_styles as $value => $label):
                $footer_style_id = $footer_style_name . "_{$value}";
                ?>
                <label  for="<?php echo $footer_style_id; ?>" class="kopa-label-for-radio-button"><input type="radio" value="<?php echo $value; ?>" id="<?php echo $footer_style_id; ?>" name="<?php echo $footer_style_name; ?>" <?php echo ($value == get_option($footer_style_name, 'dark-footer')) ? 'checked="checked"' : ''; ?>><?php echo $label; ?></label>
                <?php
            endforeach
            ?>
        </div>
        <div class="kopa-element-box kopa-theme-options">
            <span class="kopa-component-title"><?php _e('Custom Footer', 'circle-lite'); ?></span>
            <p class="kopa-desc"><?php _e('Enter the content you want to display in your footer (e.g. copyright text).', 'circle-lite'); ?></p>    
            <textarea class="" rows="6" id="kopa_setting_copyrights" name="kopa_theme_options_copyright"><?php echo esc_html(stripslashes(get_option('kopa_theme_options_copyright'))); ?></textarea>
        </div><!--kopa-element-box-->        
    </div>
</div><!--kopa-content-box-->
