<?php

if(!function_exists('calla_elated_loading_spinners')) {
    function calla_elated_loading_spinners() {
    	$id = calla_elated_get_page_id();
	    $spinner_type = calla_elated_get_meta_field_intersect('smooth_pt_spinner_type',$id);

        $spinner_html = '';
        if(!empty($spinner_type)){
            switch ($spinner_type) {
                case "calla":
                    $spinner_html = calla_elated_loading_spinner_overlapping_diamonds();
                    break;
                case 'rotate_circles':
                    $spinner_html = calla_elated_loading_spinner_rotate_circles();
                    break;
                case 'pulse':
                    $spinner_html = calla_elated_loading_spinner_pulse();
                    break;
                case 'double_pulse':
                    $spinner_html =  calla_elated_loading_spinner_double_pulse();
                    break;
                case 'cube':
                    $spinner_html =  calla_elated_loading_spinner_cube();
                    break;
                case 'rotating_cubes':
                    $spinner_html =  calla_elated_loading_spinner_rotating_cubes();
                    break;
                case 'stripes':
                    $spinner_html =  calla_elated_loading_spinner_stripes();
                    break;
                case 'wave':
                    $spinner_html =  calla_elated_loading_spinner_wave();
                    break;
                case 'two_rotating_circles':
                    $spinner_html =  calla_elated_loading_spinner_two_rotating_circles();
                    break;
                case 'five_rotating_circles':
                    $spinner_html =  calla_elated_loading_spinner_five_rotating_circles();
                    break;
				case 'atom':
                    $spinner_html = calla_elated_loading_spinner_atom();
                    break;
				case 'clock':
                    $spinner_html = calla_elated_loading_spinner_clock();
                    break;
				case 'mitosis':
                    $spinner_html = calla_elated_loading_spinner_mitosis();
                    break;
				case 'lines':
                    $spinner_html = calla_elated_loading_spinner_lines();
                    break;
				case 'fussion':
                    $spinner_html = calla_elated_loading_spinner_fussion();
                    break;
				case 'wave_circles':
                    $spinner_html = calla_elated_loading_spinner_wave_circles();
                    break;
				case 'pulse_circles':
                    $spinner_html = calla_elated_loading_spinner_pulse_circles();
                    break;
	            default:
		            $spinner_html = calla_elated_loading_spinner_pulse();
            }
        }

        echo wp_kses($spinner_html, array(
            'div' => array(
                'class' => true,
                'style' => true,
                'id' => true
            )
        ));
    }
}

if ( ! function_exists( 'calla_elated_loading_spinner_overlapping_diamonds' ) ) {
    function calla_elated_loading_spinner_overlapping_diamonds() {
        $html = '';
        $html .= '<div class="overlapping-diamonds">';
        $html .= '<div class="overlapping-diamonds-part overlapping-diamonds-first"></div>';
        $html .= '<div class="overlapping-diamonds-part overlapping-diamonds-second"></div>';
        $html .= '</div>';

        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_rotate_circles')) {
    function calla_elated_loading_spinner_rotate_circles() {
        $html = '';
        $html .= '<div class="eltdf-rotate-circles">';
        $html .= '<div></div>';
        $html .= '<div></div>';
        $html .= '<div></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_pulse')) {
    function calla_elated_loading_spinner_pulse() {
        $html = '<div class="pulse"></div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_double_pulse')) {
    function calla_elated_loading_spinner_double_pulse() {
        $html = '';
        $html .= '<div class="double_pulse">';
        $html .= '<div class="double-bounce1"></div>';
        $html .= '<div class="double-bounce2"></div>';
        $html .= '</div>';

        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_cube')) {
    function calla_elated_loading_spinner_cube() {
        $html = '<div class="cube"></div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_rotating_cubes')) {
    function calla_elated_loading_spinner_rotating_cubes() {
        $html = '';
        $html .= '<div class="rotating_cubes">';
        $html .= '<div class="cube1"></div>';
        $html .= '<div class="cube2"></div>';
        $html .= '</div>';

        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_stripes')) {
    function calla_elated_loading_spinner_stripes() {
        $html = '';
        $html .= '<div class="stripes">';
        $html .= '<div class="rect1"></div>';
        $html .= '<div class="rect2"></div>';
        $html .= '<div class="rect3"></div>';
        $html .= '<div class="rect4"></div>';
        $html .= '<div class="rect5"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_wave')) {
    function calla_elated_loading_spinner_wave() {
        $html = '';
        $html .= '<div class="wave">';
        $html .= '<div class="bounce1"></div>';
        $html .= '<div class="bounce2"></div>';
        $html .= '<div class="bounce3"></div>';
        $html .= '</div>';

        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_two_rotating_circles')) {
    function calla_elated_loading_spinner_two_rotating_circles() {
        $html = '';
        $html .= '<div class="two_rotating_circles">';
        $html .= '<div class="dot1"></div>';
        $html .= '<div class="dot2"></div>';
        $html .= '</div>';

        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_five_rotating_circles')) {
    function calla_elated_loading_spinner_five_rotating_circles() {
        $html = '';
        $html .= '<div class="five_rotating_circles">';
        $html .= '<div class="spinner-container container1">';
        $html .= '<div class="circle1"></div>';
        $html .= '<div class="circle2"></div>';
        $html .= '<div class="circle3"></div>';
        $html .= '<div class="circle4"></div>';
        $html .= '</div>';
        $html .= '<div class="spinner-container container2">';
        $html .= '<div class="circle1"></div>';
        $html .= '<div class="circle2"></div>';
        $html .= '<div class="circle3"></div>';
        $html .= '<div class="circle4"></div>';
        $html .= '</div>';
        $html .= '<div class="spinner-container container3">';
        $html .= '<div class="circle1"></div>';
        $html .= '<div class="circle2"></div>';
        $html .= '<div class="circle3"></div>';
        $html .= '<div class="circle4"></div>';
        $html .= '</div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_atom')) {
    function calla_elated_loading_spinner_atom(){
        $html = '';
        $html .= '<div class="atom">';
        $html .= '<div class="ball ball-1"></div>';
		$html .= '<div class="ball ball-2"></div>';
		$html .= '<div class="ball ball-3"></div>';
		$html .= '<div class="ball ball-4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_clock')) {
    function calla_elated_loading_spinner_clock(){
        $html = '';
        $html .= '<div class="clock">';
        $html .= '<div class="ball ball-1"></div>';
		$html .= '<div class="ball ball-2"></div>';
		$html .= '<div class="ball ball-3"></div>';
		$html .= '<div class="ball ball-4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_mitosis')) {
    function calla_elated_loading_spinner_mitosis(){
        $html = '';
        $html .= '<div class="mitosis">';
        $html .= '<div class="ball ball-1"></div>';
		$html .= '<div class="ball ball-2"></div>';
		$html .= '<div class="ball ball-3"></div>';
		$html .= '<div class="ball ball-4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_lines')) {
    function calla_elated_loading_spinner_lines(){
        $html = '';
        $html .= '<div class="lines">';
        $html .= '<div class="line1"></div>';
		$html .= '<div class="line2"></div>';
		$html .= '<div class="line3"></div>';
		$html .= '<div class="line4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_fussion')) {
    function calla_elated_loading_spinner_fussion(){
        $html = '';
        $html .= '<div class="fussion">';
        $html .= '<div class="ball ball-1"></div>';
		$html .= '<div class="ball ball-2"></div>';
		$html .= '<div class="ball ball-3"></div>';
		$html .= '<div class="ball ball-4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_wave_circles')) {
    function calla_elated_loading_spinner_wave_circles(){
        $html = '';
        $html .= '<div class="wave_circles">';
        $html .= '<div class="ball ball-1"></div>';
		$html .= '<div class="ball ball-2"></div>';
		$html .= '<div class="ball ball-3"></div>';
		$html .= '<div class="ball ball-4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}

if(!function_exists('calla_elated_loading_spinner_pulse_circles')) {
    function calla_elated_loading_spinner_pulse_circles(){
        $html = '';
        $html .= '<div class="pulse_circles">';
        $html .= '<div class="ball ball-1"></div>';
		$html .= '<div class="ball ball-2"></div>';
		$html .= '<div class="ball ball-3"></div>';
		$html .= '<div class="ball ball-4"></div>';
        $html .= '</div>';
	    
        return $html;
    }
}
