<?php  
$appointment_dark_actions = $this->recommended_actions;
$appointment_dark_actions_todo = get_option( 'recommending_actions', false );
?>
<div id="recommended_actions" class="appointment-dark-tab-pane panel-close">
	<div class="action-list">
		<?php if($appointment_dark_actions): foreach ($appointment_dark_actions as $appointment_dark_key => $appointment_dark_actionValue): ?>
		<div class="action" id="<?php echo esc_attr($appointment_dark_actionValue['id']); ?>">
			<div class="recommended_box col-md-6 col-sm-6 col-xs-12">
				<img width="772" height="180" src="<?php echo esc_url(APPOINTMENT_DARK_TEMPLATE_DIR_URI.'/images/'.str_replace(' ', '-', strtolower($appointment_dark_actionValue['title'])).'.png');?>">
				<div class="action-inner">
					<h3 class="action-title"><?php echo esc_html($appointment_dark_actionValue['title']); ?></h3>
					<div class="action-desc"><?php echo esc_html($appointment_dark_actionValue['desc']); ?></div>
					<?php echo wp_kses_post($appointment_dark_actionValue['link']); ?>
					<div class="action-watch">
						<?php if(!$appointment_dark_actionValue['is_done']): ?>
							<?php if(!isset($appointment_dark_actions_todo[$appointment_dark_actionValue['id']]) || !$appointment_dark_actions_todo[$appointment_dark_actionValue['id']]): ?>
								<span class="dashicons dashicons-visibility"></span>
							<?php else: ?>
								<span class="dashicons dashicons-hidden"></span>
							<?php endif; ?>
						<?php else: ?>
							<span class="dashicons dashicons-yes"></span>
						<?php endif; ?>
					</div>
				</div>
			</div>
		</div>
		<?php endforeach; endif; ?>
	</div>
</div>