<?php
vc_map(array(
    'name'        => 'Monaco Clients',
    'base'        => 'zkclients',
    'category'    => esc_html__('Monaco', 'zk-monaco'),
    'description' => esc_html__('Add clients image with custom link', 'zk-monaco'),
    'icon'        => 'zkel-icon-client',
    'params'      => array_merge(
        array(
            array(
                'type'       => 'img',
                'heading'    => esc_html__('Layout Template','zk-monaco'),
                'param_name' => 'layout_template',
                'value'      =>  array(
                    '1'          => get_template_directory_uri().'/assets/images/header/default.jpg',
                ),
                'std'        => '1',
            ),
            array(
                'type'          => 'dropdown',
                'heading'       => esc_html__('Content Align','zk-monaco'),
                'param_name'    => 'content_align',
                'value'         => array(
                    'Default'       => '',
                    'Text Left'     => 'text-left',
                    'Text Right'    => 'text-right',
                    'Text Center'   => 'text-center',
                ),
                'std'           => '',
            ),
            array(
                'type'        => 'el_id',
                'settings' => array(
                    'auto_generate' => true,
                ),
                'heading'     => esc_html__( 'Element ID', 'zk-monaco' ),
                'param_name'  => 'el_id',
                'description' => sprintf( __( 'Enter element ID (Note: make sure it is unique and valid according to <a href="%s" target="_blank">w3c specification</a>).', 'zk-monaco' ), 'http://www.w3schools.com/tags/att_global_id.asp' ),
            ),
            array(
                'type'       => 'textfield',
                'heading'    => esc_html__('Extra Class','zk-monaco'),
                'param_name' => 'el_class',
                'value'      => '',
                'description' => esc_html__('Style particular content element differently - add a class name and refer to it in custom CSS.', 'zk-monaco'),
            ),
            /* Clients Settings */
            array(
                "type"          => "dropdown",
                "heading"       => esc_html__("Client image size",'zk-monaco'),
                "param_name"    => "thumbnail_size",
                "value"         => monaco_thumbnail_sizes(),
                "std"           => "medium",
                "group"         => esc_html__('Clients','zk-monaco'),
            ),
            array(
                "type"          => "textfield",
                "heading"       => esc_html__("Custom member image size",'zk-monaco'),
                'description'   => esc_html__('Alternatively enter size in pixels (Example: 200x100 (Width x Height)).','zk-monaco'),
                "param_name"    => "thumbnail_size_custom",
                "value"         => '',
                "group"         => esc_html__('Clients','zk-monaco'),
                'dependency'    => array(
                    'element'   => 'thumbnail_size',
                    'value'     => 'custom',
                ),
            ),
            array(
                'type'       => 'param_group',
                'heading'    => esc_html__( 'Add Clients', 'zk-monaco' ),
                'param_name' => 'values',
                'value'      =>  '',
                'params'     => array(
                    array(
                        'type'        => 'attach_image',
                        'heading'     => esc_html__( 'Client Image', 'zk-monaco' ),
                        'param_name'  => 'image',
                        'admin_label' => true,
                    ),
                    array(
                        'type'        => 'vc_link',
                        'heading'     => esc_html__( 'Link', 'zk-monaco' ),
                        'param_name'  => 'image_link',
                        'description' => esc_html__( 'Enter link for image.', 'zk-monaco' ),
                    ),
                ),
                'group'     => 'Clients'
            ),
            array(
                'type'       => 'dropdown',
                'heading'    => esc_html__('Layout type','zk-monaco'),
                'param_name' => 'layout_type',
                'value'      =>  array(
                    esc_html__('Grid','zk-monaco')     => 'grid',
                    esc_html__('Carousel','zk-monaco') => 'carousel'
                ),
                'std'        => 'grid',
                'group'      => esc_html__('Layout Settings','zk-monaco'),
            ),
        ),
        /* Grid settings */
        monaco_grid_settings(array(
            'group'      => esc_html__('Layout Settings','zk-monaco'), 
            'param_name' => 'layout_type', 
            'value'      => 'grid'
            )
        ),
        /* Carousel Settings */
        monaco_owl_settings(array(
            'group'      => esc_html__('Layout Settings','zk-monaco'), 
            'param_name' => 'layout_type', 
            'value'      => 'carousel'
            )
        )
    )
));

class WPBakeryShortCode_zkclients extends CmsShortCode
{
    protected function content($atts, $content = null)
    {
        $atts = vc_map_get_attributes( $this->getShortcode(), $atts );
        extract( $atts );
        wp_enqueue_style( 'animate-css');
        monaco_owl_call_settings($atts);
        return parent::content($atts, $content);
    }
}