<?php

if ( ! function_exists( 'cevian_select_loading_spinners' ) ) {
	function cevian_select_loading_spinners() {
		$id           = cevian_select_get_page_id();
		$spinner_type = cevian_select_get_meta_field_intersect( 'smooth_pt_spinner_type', $id );
		
		$spinner_html = '';
		if ( ! empty( $spinner_type ) ) {
			switch ( $spinner_type ) {
				case 'cevian_spinner':
					$spinner_html = cevian_select_loading_spinner_cevian_spinner();
					break;
				case 'rotate_circles':
					$spinner_html = cevian_select_loading_spinner_rotate_circles();
					break;
				case 'pulse':
					$spinner_html = cevian_select_loading_spinner_pulse();
					break;
				case 'double_pulse':
					$spinner_html = cevian_select_loading_spinner_double_pulse();
					break;
				case 'cube':
					$spinner_html = cevian_select_loading_spinner_cube();
					break;
				case 'rotating_cubes':
					$spinner_html = cevian_select_loading_spinner_rotating_cubes();
					break;
				case 'stripes':
					$spinner_html = cevian_select_loading_spinner_stripes();
					break;
				case 'wave':
					$spinner_html = cevian_select_loading_spinner_wave();
					break;
				case 'two_rotating_circles':
					$spinner_html = cevian_select_loading_spinner_two_rotating_circles();
					break;
				case 'five_rotating_circles':
					$spinner_html = cevian_select_loading_spinner_five_rotating_circles();
					break;
				case 'atom':
					$spinner_html = cevian_select_loading_spinner_atom();
					break;
				case 'clock':
					$spinner_html = cevian_select_loading_spinner_clock();
					break;
				case 'mitosis':
					$spinner_html = cevian_select_loading_spinner_mitosis();
					break;
				case 'lines':
					$spinner_html = cevian_select_loading_spinner_lines();
					break;
				case 'fussion':
					$spinner_html = cevian_select_loading_spinner_fussion();
					break;
				case 'wave_circles':
					$spinner_html = cevian_select_loading_spinner_wave_circles();
					break;
				case 'pulse_circles':
					$spinner_html = cevian_select_loading_spinner_pulse_circles();
					break;
				default:
					$spinner_html = cevian_select_loading_spinner_pulse();
			}
		}
		
		echo wp_kses( $spinner_html, array(
			'div' => array(
				'class' => true,
				'style' => true,
				'id'    => true
			),
			'span' => array(
				'class' => true,
				'style' => true,
				'id'    => true
			)
		) );
	}
}

if ( ! function_exists( 'cevian_select_loading_spinner_cevian_spinner' ) ) {
	function cevian_select_loading_spinner_cevian_spinner() {
		$html = '';
		$html .= '<div class="qodef-cevian-spinner-holder">';
		$html .= '<span class="qodef-cevian-spinner-overlay-holder"></span>';
		$html .= '<div class="qodef-cevian-spinner-number-holder">';
		$html .= '<span class="qodef-cevian-spinner-number">0</span><span class="qodef-cevian-spinner-percent">%</span>';
		$html .= '</div>';
		$html .= '</div>';
		
		return $html;
	}
}

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

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

if ( ! function_exists( 'cevian_select_loading_spinner_double_pulse' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_cube' ) ) {
	function cevian_select_loading_spinner_cube() {
		$html = '<div class="cube"></div>';
		
		return $html;
	}
}

if ( ! function_exists( 'cevian_select_loading_spinner_rotating_cubes' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_stripes' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_wave' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_two_rotating_circles' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_five_rotating_circles' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_atom' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_clock' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_mitosis' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_lines' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_fussion' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_wave_circles' ) ) {
	function cevian_select_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( 'cevian_select_loading_spinner_pulse_circles' ) ) {
	function cevian_select_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;
	}
}
