<?php
vc_map(array(
    "name" 			=> "Advanced Tabs",
    "category" 		=> 'Advanced Elements',
    "description"	=> "Animated Tabs",
    "base" 			=> "awavc_tabs_style",
    "class" 		=> "",
    "icon" 			=> "advc_tab_ico",

    "params" 	=> array(


        array(
            "type" => "dropdown",
            "class" => "",
            "heading" => __("Tab Box", "awavcl"),
            "param_name" => "tab_box",
            "description" => __("Ps: In a page you can use one tab section...We are on fixing this bug ASAP . then you will use more then one tsb box", "awavcl"),
            "value" => array(
                __("Tab 1","awavcl") => 'tab_box_1',
            ),
            "admin_label"        => true,
        ),

        array(
            "type" => "dropdown",
            "class" => "",
            "heading" => __("Tab Box Layout", "awavcl"),
            "param_name" => "tabs_lay",
            "value" => array(
                __("Layout 1","awavcl") => 'awavc-tabs-pos-left',
                __("Layout 2","awavcl") => 'awavc-tabs-pos-right',
                __("Layout 3","awavcl") => 'awavc-tabs-pos-top-center',
                __("Layout 4","awavcl") => 'awavc-tabs-pos-top-left',
                __("Layout 5","awavcl") => 'awavc-tabs-pos-top-right',
            ),
            "admin_label"        => true,
        ),

        array(
            "type" => "dropdown",
            "class" => "",
            "heading" => __("Tab Animation", "awavcl"),
            "param_name" => "tab_style",
            "value" => array(
                __("Animation Fade","awavcl") => '',
                __("Animation Flip","awavcl") => 'awavc-tabs-anim-flip',
                __("Animation Rotate","awavcl") => 'awavc-tabs-anim-rotate',
                __("Animation Scale","awavcl") => 'awavc-tabs-anim-scale',
                __("Animation Slide Down","awavcl") => 'awavc-tabs-anim-slide-down',
                __("Animation Slide Down Left","awavcl") => 'awavc-tabs-anim-slide-down-left',
                __("Animation Slide Down Right","awavcl") => 'awavc-tabs-anim-slide-down-right',
                __("Animation Slide Left","awavcl") => 'awavc-tabs-tabs-anim-slide-left',
                __("Animation Slide Up","awavcl") => 'awavc-tabs-anim-slide-up',
                __("Animation Slide Up Left","awavcl") => 'awavc-tabs-anim-slide-up-left',
                __("Animation Slide Up Right","awavcl") => 'awavc-tabs-anim-slide-up-right',
            ),
        ),
        array(
            'type' => 'param_group',
            'heading' => __( 'Tab Contents', 'awavcl' ),
            'param_name' => 'tab_contents',
            'params' => array(

                    array(
                        "type" => "textfield",
                        "heading" => __("Tab Lable", "awavcl"),
                        "param_name" => "tab_lbl",
                        "value" => "Lable",
                        "description" => __("Title", "awavcl"),
                    ),
                    array(
                        "type" => "iconpicker",
                        "heading" => __("Tab Header Icon", "awavcl"),
                        "param_name" => "icon",
                        "value" => "fa fa-bus",
                        "description" => __("", "awavcl"),
                    ),
                    array(
                        "type" => "textfield",
                        "heading" => __("Tab Content Title", "awavcl"),
                        "param_name" => "title",
                        "value" => "Title",
                        "description" => __("Title", "awavcl"),
                    ),
                    array(
                        "type" => "textarea",
                        "heading" => __("Content", "awavcl"),
                        "param_name" => "content",
                        "value" => __( "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "awavcl" ),

                    ),



            ),
        ),

        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Lable Font Size', 'awavcl' ),
            'param_name'       => 'lable_size',
            "value" => 20,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "description" => __("Choose Title Font Size as Pixel. Default is 26px", "awavcl"),
            "group" => __("Settings", 'awavcl'),
        ),
        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Title Font Size', 'awavcl' ),
            'param_name'       => 'ttl_size',
            "value" => 32,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "description" => __("Choose Title Font Size as Pixel. Default is 26px", "awavcl"),
            "group" => __("Settings", 'awavcl'),
        ),
        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Content Font Size', 'awavcl' ),
            'param_name'       => 'content_size',
            "value" => 14,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "description" => __("Choose Title Font Size as Pixel. Default is 26px", "awavcl"),
            "group" => __("Settings", 'awavcl'),
        ),

        array(
            "type" => "dropdown",
            "class" => "",
            "heading" => __("Content Font style", "awavcl"),
            "param_name" => "content_style",
            "value" => array(
                __("Normal","awavcl") => "",
                __("Italic","awavcl") => "italic",
            ),
            "group" => __("Settings", 'awavcl'),
        ),
        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Tab Lable Padding: Top+Bottom', 'awavcl' ),
            'param_name'       => 'pad_tb',
            "value" => 20,
            "min" => 0,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "description" => __("Choose Title Font Size as Pixel. Default is 26px", "awavcl"),
            "group" => __("Settings", 'awavcl'),
        ),
        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Tab Lable Padding: Left+Right', 'awavcl' ),
            'param_name'       => 'pad_lr',
            "value" => 10,
            "min" => 0,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "description" => __("Choose Title Font Size as Pixel. Default is 26px", "awavcl"),
            "group" => __("Settings", 'awavcl'),
        ),

        array(
            "type" => "colorpicker",
            "heading" => __("Background Color", 'awavcl'),
            "param_name" => "bg_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),

        array(
            "type" => "colorpicker",
            "heading" => __("Lable Back on Hover/Focus", 'awavcl'),
            "param_name" => "lable_bg",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),

        array(
            "type" => "colorpicker",
            "heading" => __("Lable Color", 'awavcl'),
            "param_name" => "lable_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Icon Color", 'awavcl'),
            "param_name" => "icon_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Lable Text And Icon Color on Hover/Focus", 'awavcl'),
            "param_name" => "clr_hvr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Title Color", 'awavcl'),
            "param_name" => "ttl_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Content Color", 'awavcl'),
            "param_name" => "content_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Border Color", 'awavcl'),
            "param_name" => "brdr_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
            "desc" => __("", 'awavcl'),
        ),

        array(
            "type" => "textfield",
            "heading" => esc_attr__("Extra class name", 'awavcl'),
            "param_name" => "el_class",
            "description" => esc_attr__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", 'awavcl'),
        ),

    )

));

function awavc_tabs_style_shortcode($atts, $content = null) {
    extract(shortcode_atts(array(

                //'show_btnnnn' => 'Yes',
                'tab_box' => 'tab_box_1',
                'tabs_lay' => 'awavc-tabs-pos-left',
                'tab_style' => '',
                'tab_contents' => '',
                'lable_size' => '',
                'ttl_size' => '',
                'content_size' => '',
                'content_style' => '',
                'pad_tb' => '',
                'pad_lr' => '',
                'bg_clr' => '',
                'lable_bg' => '',
                'lable_clr' => '',
                'ttl_clr' => '',
                'icon_clr' => '',
                'content_clr' => '',
                'content_clr' => '',
                'clr_hvr' => '',
                'brdr_clr' => '',
                'el_class' => '',
    ), $atts));


    wp_register_style( 'awavcl.style-tab', plugins_url( '/css/awavcl.style-tab.css',  __FILE__) );
    wp_enqueue_style( 'awavcl.style-tab' );

    $tab_contents = vc_param_group_parse_atts($tab_contents);

    $html = '';

    if($tab_box == 'tab_box_1') {
               $add_class = rand(99,9999);
               $q = rand(99,99999);
    $html .= '
<div class="awavc-tabs awavc-tabs-'.$add_class.' '.$tabs_lay.' '.$tab_style.' awavc-tabs-response-to-icons '.$el_class.' ">';

                $i = 1;
            foreach($tab_contents as $tab_content){

                 $tab_lable = 'Lable';
                 $tab_icon = '';



                if(!empty($tab_content['tab_lbl'])){$tab_lable = $tab_content['tab_lbl'];}
                if(!empty($tab_content['icon'])){$tab_icon = $tab_content['icon'];}
                    $html .= '  <input type="radio" name="awavc-tabs" checked id="awavc-tab-'.$i.'" class="awavc-tab-content-'.$i.'">
                                <label for="awavc-tab-'.$i.'"><span><span style="font-size:'.$lable_size.'px;color:'.$lable_clr.';"><i class="'.$tab_icon.'" style="font-size:'.$lable_size.'px;color:'.$icon_clr.';"></i>'.$tab_lable.'</span></span></label>';
                                $i++;

            }

    $html .= '
                <ul>';
                $i = 1;
                foreach($tab_contents as $tab_content){

                    $tab_title = 'Title';
                    $content = '';

                    if(!empty($tab_content['title'])){$tab_title = $tab_content['title'];}
                    if(!empty($tab_content['content'])){$content = $tab_content['content'];}

                    $html .= '<li class="awavc-tab-content-'.$i.'">
                        <div class="typography">';
                            if(!empty($tab_title)){ $html .= '<h1 style="font-size:'.$ttl_size.'px;color:'.$ttl_clr.';">'.$tab_title.'</h1>';}

                            $html .= '
                            <p style="font-size:'.$content_size.'px;color:'.$content_clr.';font-style:'.$content_style.';">'.$content.'</p>


                        </div>
                    </li>';
                    $i++;
                    }

        $html .= '</ul>
            </div>

            <style>
            .awavc-tabs-'.$add_class.' > label{
                    border: 1px solid '.$brdr_clr.';
                    /*border-left: 1px solid aquamarine;
                    border-bottom: 1px solid aquamarine;*/
}
           .awavc-tabs-'.$add_class.' ul li {
                border: 1px solid '.$brdr_clr.';
                margin-top:-1px
}          .awavc-tabs-'.$add_class.' > label span,.awavc-tabs-'.$add_class.' ul li{
            background:'.$bg_clr.'!important;
}
          .awavc-tabs-'.$add_class.' > input:checked + label,.awavc-tabs-'.$add_class.' > input:checked + label span span,.awavc-tabs-'.$add_class.' > label:hover span span{
                background:'.$lable_bg.'!important;
                color:'.$clr_hvr.'!important;
}
            .awavc-tabs-'.$add_class.' > label{padding:0px!important;}

            .awavc-tabs-'.$add_class.' > label span span{
                padding:'.$pad_tb.'px '.$pad_lr.'px!important;
            }
            </style>

         ';



    }







    return $html;
}

add_shortcode("awavc_tabs_style", "awavc_tabs_style_shortcode");