<?php
/**
 * Template Name: Resources
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package Dooblo
 */

get_header(); ?>

<div id="resources-page" class="content-area" <?php post_class(); ?>>

	<section id="top-page" class="resources-top" style="">
		<div class="bg-image" style="background-image: url('<?php the_field('top_header_background_image'); ?>');"></div>
		<div class="bg-dark"></div>
		<div class="info">
			<h1><?php the_field('top_header_big_text'); ?></h1>
			<h2><?php the_field('top_header_paragraph_text'); ?></h2>
		</div>
	</section>
	<section class="customers-holder">
		<section class="resources">
			<div class="container">
				<h1><?php the_field('support_header_text'); ?></h1>
				<div class="row">
					<div class="col-sm-4">
						<a href="<?php the_field('support_option_link1'); ?>" target="_blank">
							<div class="icon"><span class="support-center" style="background-image: url('<?php the_field('support_option_icon_01'); ?>');"></span></div>
							<h2><?php the_field('support_option_header_text_01'); ?></h2>
							<p><?php the_field('support_option_sub_text_01'); ?></p>
						</a>
					</div>
					<div class="col-sm-4">
						<a href="<?php the_field('support_option_link2'); ?>" target="_blank">
							<div class="icon"><span class="video-training" style="background-image: url('<?php the_field('support_option_icon_02'); ?>');"></span></div>
							<h2><?php the_field('support_option_header_text_02'); ?></h2>
							<p><?php the_field('support_option_sub_text_02'); ?></p>
						</a>
					</div>
					<div class="col-sm-4">
						<a href="<?php the_field('support_option_link3'); ?>" target="_blank">
							<div class="icon"><span class="designer-manual" style="background-image: url('<?php the_field('support_option_icon_03'); ?>');"></span></div>
							<h2><?php the_field('support_option_header_text_03'); ?></h2>
							<p><?php the_field('support_option_sub_text_03'); ?></p>
						</a>
					</div>
				</div>
			</div>
		</section>
		<section class="articlesaquestions">
			<div class="container">
				<div class="col-md-6">
					<div class="article">
						<h1><?php the_field('section_headline_articles'); ?></h1>
						<ul class="articlesaquestions-list">
							<?php if(get_field('list_of_articles')): ?>
								<?php while(has_sub_field('list_of_articles')): ?>
									<li>
										<span class="article-icon"></span>
										<a href="<?php the_sub_field('article_link'); ?>"><?php the_sub_field('article_text'); ?></a>
									</li>
								<?php endwhile; ?>
							<?php endif; ?>
						</ul>
					</div>
				</div>
				<div class="col-md-6">
					<div class="questions">
						<h1><?php the_field('section_headline_questions'); ?></h1>
						<ul class="articlesaquestions-list">
							<?php if(get_field('list_of_questions')): ?>
								<?php while(has_sub_field('list_of_questions')): ?>
									<li>
										<a href="<?php the_sub_field('question_link'); ?>" class="qu"><?php the_sub_field('question_text'); ?></a>
										<!-- <div class="answer"><p><!--?php the_sub_field(); ?></p></div> -->
									</li>
								<?php endwhile; ?>
							<?php endif; ?>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<section class="submit-ticket">
			<div class="container">
				<div class="row">
					<div class="col-md-12"><h1><?php the_field('link_to_ticket_text_before_link'); ?> <a href="<?php the_field('link_to_ticket_link_url'); ?>" target="_blank" class="btn"><?php the_field('link_to_ticket_link_text'); ?></a></h1></div>
				</div>
			</div>
		</section>
	</section>

</div>
<?php include get_template_directory() . '/home-page-modal.php' ?>
<?php get_footer(); ?>