<?php

get_header();
?>


<div class="container">

<?php
/* if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<ul class="breadcrumbs">','</ul>' );
} */
$term = get_queried_object();
?>


	<!-- Breadcrumbs -->
	<ul class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">
		<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
			<a href="<?php echo get_permalink(5); ?>" itemprop="item"><span itemprop="name"><span itemprop="name"><?php echo get_the_title(5); ?></span></a>
			<i class="fa fa-angle-right" aria-hidden="true"></i>
			<meta itemprop="position" content="1">
		</li> 
		<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
			<a href="<?php echo get_permalink(129); ?>" itemprop="item"><span itemprop="name"><?php echo get_the_title(129); ?></span></a> 
			<i class="fa fa-angle-right" aria-hidden="true"></i>
			<meta itemprop="position" content="2">
		</li>
		<li class="breadcrumb_last" aria-current="page">
			<span itemprop="name"><?php the_archive_title(); ?></span>
			<meta itemprop="position" content="3">
		</li>
	</ul>
	<!-- /Breadcrumbs -->
	<h1 class="title-main"><?php the_archive_title(); ?></h1>
	
	<div class="two-column">
		<?php the_archive_description(); ?>
	</div>
	
<?php 
	function round_custom($num, $step){
		return round($num / $step) * $step;
	}		
	$orderby = (isset($_GET['orderby'])) ? $_GET['orderby'] : array( 'meta_value' => 'DESC', 'title' => 'ASC' );
	$order = (isset($_GET['order'])) ? $_GET['order'] : 'ASC';

	$custom_query_args = array(
	'cat' => get_query_var('cat'),
	'post_type' => 'forex-brokers',
	'posts_per_page' => 6,
	'meta_query'  => array(
    'relation' => 'OR',
    array(
        'key'     => 'top_broker',
        'compare' => 'NOT EXISTS',
    ),
    array(
        'relation' => 'OR',
        array(
            'key'   => 'top_broker',
            'value' => 'on',
        ),
        array(
            'key'     => 'top_broker',
            'value'   => 'on',
            'compare' => '!=',
        ),
    ),
	),
	'orderby'=>$orderby,
	'order'=>$order,
	);





if(isset($_GET["meta_key"])){
	$custom_query_args['meta_key'] = $_GET["meta_key"];
	$custom_query_args['orderby'] = 'meta_value_num';
}

 
$custom_query_args['paged'] = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;


$custom_query = new WP_Query( $custom_query_args );

// Pagination fix
$temp_query = $wp_query;
$wp_query   = NULL;
$wp_query   = $custom_query;


if ( $custom_query->have_posts() ){
?>

	<!--- Sorting --->
	<div id="sortby" class="sorter"> 
        <select class="dropdown-class" name="sort-posts" id="sortbox" onchange="document.location.search=this.options[this.selectedIndex].value;">
        <option>Sort by</option>
		
        <option <?php if( isset($_GET["orderby"]) && trim($_GET["orderby"]) == 'title' && isset($_GET["order"]) && trim($_GET["order"]) == 'ASC' ){ echo 'selected'; } ?> value="?orderby=title&order=ASC">A-Z</option>
        <option <?php if( isset($_GET["orderby"]) && trim($_GET["orderby"]) == 'title' && isset($_GET["order"]) && trim($_GET["order"]) == 'DESC' ){ echo 'selected'; } ?>  value="?orderby=title&order=DESC">A-Z Desc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'min_account_size' && isset($_GET["order"]) && trim($_GET["order"]) == 'ASC' ){ echo 'selected'; } ?>  value="?meta_key=min_account_size&order=ASC">Min. Account Size Asc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'min_account_size' && isset($_GET["order"]) && trim($_GET["order"]) == 'DESC' ){ echo 'selected'; } ?>  value="?meta_key=min_account_size&order=DESC">Min. Account Size Desc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'min_position_size' && isset($_GET["order"]) && trim($_GET["order"]) == 'ASC' ){ echo 'selected'; } ?>  value="?meta_key=min_position_size&order=ASC">Min. Position Size Asc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'min_position_size' && isset($_GET["order"]) && trim($_GET["order"]) == 'DESC' ){ echo 'selected'; } ?>  value="?meta_key=min_position_size&order=DESC">Min. Position Size Desc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'broker_rating' && isset($_GET["order"]) && trim($_GET["order"]) == 'ASC' ){ echo 'selected'; } ?>  value="?meta_key=broker_rating&order=ASC">Broker rating Asc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'broker_rating' && isset($_GET["order"]) && trim($_GET["order"]) == 'DESC' ){ echo 'selected'; } ?>  value="?meta_key=broker_rating&order=DESC">Broker rating Desc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'max_leverage' && isset($_GET["order"]) && trim($_GET["order"]) == 'ASC' ){ echo 'selected'; } ?>  value="?meta_key=max_leverage&order=ASC">Max. Leverage Asc</option>
		<option <?php if( isset($_GET["meta_key"]) && trim($_GET["meta_key"]) == 'max_leverage' && isset($_GET["order"]) && trim($_GET["order"]) == 'DESC' ){ echo 'selected'; } ?>  value="?meta_key=max_leverage&order=DESC">Max. Leverage Desc</option>
        </select>
        </div>
	<!--/Sorting-->
	
	
	
	<section class="categoryListing">	
		
		<div class="categoryCard-grid">		
<?php

	while ( $custom_query->have_posts() ) :
		$custom_query->the_post(); 
		
		$min_account_size = get_field('min_account_size',$post->ID);
		$min_position_size = get_field('min_position_size',$post->ID);
		$broker_rating = get_field('broker_rating',$post->ID);
		$max_leverage = get_field('max_leverage',$post->ID);
		$top_broker = get_field('top_broker',$post->ID);
		$spread = get_field('spread',$post->ID);
		$us = get_field('us',$post->ID);
		$serious_regulation = get_field('serious_regulation',$post->ID);
		$offices_in = get_field('offices_in',$post->ID);
		$payment_methods = get_field('payment_methods',$post->ID);
		?>
		
		<!-- categoryCard -->
				<div class="categoryCard<?php if($top_broker){ echo ' top-broker'; }?>">

				
					<div class="rating-grid">
					<?php $percent_rating = ( 100 * $broker_rating ) / 10;
						$fivestar_rating = 5 * $percent_rating / 100;
						$custom_round_rating = round_custom($fivestar_rating, 0.5);
							
					?>					
						<div class="categoryCard-title">
							<a href="<?= the_permalink() ?>"><?= the_title(); ?></a>
							<?php if($top_broker){ ?>
							<span class="top-broker_ico">Top</span>
							<?php }?>
						</div>

						<div class="rating-wrap">
							<span class="ratings">
							
							<?php 

								$num = explode('.', $custom_round_rating)[0];
	
								for($i=1; $i <= (int)$num;){
									echo '<i class="fa-solid fa-star"></i>';
									$i++;
								}
								
								if( count(explode('.', $custom_round_rating)) == 2 ){
									echo '<i class="fa-solid fa-star half"></i>';
								}
								
								if( count(explode('.', $custom_round_rating)) == 2 ){
									for($s=(int)$num; $s < 4;){
										echo '<i class="fa-solid fa-star empty"></i>';
										$s++;
									}
								}else{
									for($s=(int)$num; $s < 5;){
										echo '<i class="fa-solid fa-star empty"></i>';
										$s++;
									}
								}
								?>
							</span> 
							<?php echo $broker_rating; ?>
						</div>
					</div>
					<div class="categoryCard-table">
						<div>
							<span class="categoryCard-label">Min. Account Size</span> 
							<span class="categoryCard-data"><?php echo $min_account_size; ?>$</span>
						</div>
						<div>
							<span class="categoryCard-data"><?php echo $min_position_size; ?></span> 
							<span class="categoryCard-label">Min. Position Size</span> 
						</div>

						<div>
							<span class="categoryCard-label">Max. Leverage</span> 
							<span class="categoryCard-data">1:<?php echo $max_leverage; ?></span>
						</div>

						<div>
						
							<span class="categoryCard-data">
							<?php 
							echo '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="spread-icon-svg">';
							switch($spread){
								case '1':
								echo '<rect x="1" y="9" width="5" height="10" fill="#e62143"></rect> <rect x="15" y="5" width="5" height="14" fill="#8391A4"></rect> <rect x="8" y="1" width="5" height="18" fill="#8391A4"></rect>';
								break;
								case '2':
								echo '<rect x="1" y="9" width="5" height="10" fill="#8391A4"></rect> <rect x="15" y="5" width="5" height="14" fill="#8391A4"></rect> <rect x="8" y="1" width="5" height="18" fill="#e62143"></rect>';
								break;
								case '3':
								echo '<rect x="1" y="9" width="5" height="10" fill="#8391A4"></rect> <rect x="15" y="5" width="5" height="14" fill="#e62143"></rect> <rect x="8" y="1" width="5" height="18" fill="#8391A4"></rect>';
								break;
							}
							echo '</svg>';
						?>
							</span> 
							<span class="categoryCard-label">Spread</span> 
						</div>
						<div>
							<span class="categoryCard-label">US</span> 
							<span class="categoryCard-data"><i class="fa <?php echo (empty($us) || $us == 'Minus') ? 'fa-minus' : 'fa-plus'; ?>" aria-hidden="true"></i></span>
						</div>
						<div>
							<span class="categoryCard-data"><i class="fa <?php echo ($serious_regulation == 'Minus') ? 'fa-minus' : 'fa-plus'; ?>" aria-hidden="true"></i></span>
							<span class="categoryCard-label">Serious Regulation</span> 
						</div>

					</div>
					<div class="categoryCard-icons">
					<?php if(!empty($payment_methods)){?>
						<div class="grid-2">
							<div class="categoryCard-label">Payment:</div>
							<div class="categoryCard-payment">
								<?php 
								foreach($payment_methods as $payment){ 
								$pay_ico = $payment['payment_icon'];
								?>
									<img src="<?php echo esc_url($pay_ico['url']); ?>" title="<?php echo esc_attr($pay_ico['title']); ?>" alt="<?php echo esc_attr($pay_ico['alt']); ?>" />
								<?php } ?>
							</div>
						</div>
					<?php } ?>
						<?php if(!empty($offices_in)){?>
						<div class="categoryCard-locations">
						<i class="fa fa-map-marker" aria-hidden="true"></i> 
						<span class="categoryCard-label">Offices in <i class="fa fa-plus" aria-hidden="true"></i></span>
						<div class="tooltipItem">
						<?php 
						foreach($offices_in as $country){
							echo '<span class="flag-icon flag-icon-'. strtolower($country['value']) .'" title="'.$country['label'].'"></span>';
						}
						?>
						</div>
						</div>
						<?php } ?>
					</div>
					<a href="<?= the_permalink() ?>" class="btn">Details <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
				</div><!--/categoryCard-->
		
		
		
<?php endwhile;

?>

		
		</div><!--/categoryCard-grid-->
		

			   
	<?php
		echo "<div class='page-nav-container'>" . paginate_links(array(
			'total' => $custom_query->max_num_pages,
			'prev_text' => __('<i class="fa-solid fa-angle-left"></i>'),
			'next_text' => __('<i class="fa-solid fa-angle-right"></i>')
		)) . "</div>";

// Reset postdata
wp_reset_postdata(); 
// Reset main query object
$wp_query = NULL;
$wp_query = $temp_query; ?>

	</section><!--/categoryListing-->

<? } ?>

</div><!--/container-->


<?php 
	$top5brokersArgs = array(
			'cat' => get_query_var('cat'),
			'post_type' => 'forex-brokers',
			'post_status' => 'publish',
			'posts_per_page' => 5,
			'meta_key' => 'broker_rating',
			'orderby' => 'meta_value_num',
			'order' => 'DESC'
			
		);
		
$post_objects = get_posts($top5brokersArgs);?>
<?php if( $post_objects ): ?>
<div class="tab-title">
	<div class="container">
		<h2 class="title2 separator">TOP-5 <span class="red"><?php the_archive_title(); ?></span></h2>
	</div>
</div>

<div class="tab-container_wrap">
<div id="topBrokers" class="tab-container">
	<div class="container">
		
		<div id="onepage-nav" class="topBrokers grid-5">
		
		
		
		
    			<?php foreach ($post_objects as $post) :  ?>
				<a href="#broker<?php echo $post->ID; ?>" class="topBrokers-card scroll">
					<div class="topBrokers-logo">
						<?php 
						$brokers_logo = get_field('brokers_logo');
						if( !empty( $brokers_logo ) ): ?>
							<img src="<?php echo esc_url($brokers_logo['url']); ?>" width="200" height="auto" alt="<?= the_title(); ?>" />
						<?php endif; ?>
						
					</div>
					<div class="topBrokers-name">
						<span><?= the_title(); ?></span>
					</div>
				</a>
				
				<?php endforeach; ?>
    		<?php wp_reset_postdata(); ?>
		
		</div><!--/grid-5-->
	</div>
</div>
</div>
<?php endif; ?>


<?php $post_objects = get_posts($top5brokersArgs);?>
<?php if( $post_objects ): ?>
<?php foreach ($post_objects as $post) :
$broker_rating = get_field('broker_rating',$post->ID);
$advantages = get_field('advantages',$post->ID);
$disadvantages = get_field('disadvantages',$post->ID);
?>

<section class="topBrokers-section">
	<div class="container">
		
			<span id="top5"></span>
			<div id="broker<?php echo $post->ID; ?>" class="top5-broker grid-3">
				<div class="topBrokers-logo">
					<?php 
						$brokers_logo = get_field('brokers_logo');
						if( !empty( $brokers_logo ) ): ?>
							<img src="<?php echo esc_url($brokers_logo['url']); ?>" width="200" height="auto" alt="<?= the_title(); ?>" />
					<?php endif; ?>
				</div>
				<div class="topBrokers-name">
					<i class="fa-solid fa-trophy"></i>
					<?= the_title(); ?> 
				</div>
				<?php $percent_rating = ( 100 * $broker_rating ) / 10;
						$fivestar_rating = 5 * $percent_rating / 100;
						$custom_round_rating = round_custom($fivestar_rating, 0.5);
							
					?>
				<div class="rating-wrap">
							<span class="ratings">
							
							<?php 

								$num = explode('.', $custom_round_rating)[0];
	
								for($i=1; $i <= (int)$num;){
									echo '<i class="fa-solid fa-star"></i>';
									$i++;
								}
								
								if( count(explode('.', $custom_round_rating)) == 2 ){
									echo '<i class="fa-solid fa-star half"></i>';
								}
								
								if( count(explode('.', $custom_round_rating)) == 2 ){
									for($s=(int)$num; $s < 4;){
										echo '<i class="fa-solid fa-star empty"></i>';
										$s++;
									}
								}else{
									for($s=(int)$num; $s < 5;){
										echo '<i class="fa-solid fa-star empty"></i>';
										$s++;
									}
								}
								?>
							</span> 
							<?php echo $broker_rating; ?>
						</div>
			</div><!--/top5-broker-->
			<div class="ulList two-column">
			<?php echo $post->post_content; ?>
			</div>
				
			<div class="grid-list grid-2 tab-grid-2">
				<div class="wellCol">
					<div class="list-name">
							Lo que me gusta de Vantage
					</div>
					<?php if(!empty($advantages)){ ?>
					<ul class="list-ul green-ul">
					<?php foreach($advantages as $item) {?>
					<li><?php echo $item['advantages_item']; ?></li>
					<?php } ?>
					</ul>
					<?php } ?>
				</div>
				<div class="opportuneCol">
					<div class="list-name">
						Lo que no me gusta de Vantage
					</div>
					<?php if(!empty($disadvantages)){ ?>
					<ul class="list-ul opportune-ul">
					<?php foreach($disadvantages as $item) {?>
					<li><?php echo $item['disadvantages_item']; ?></li>
					<?php } ?>
					</ul>
					<?php } ?>
				</div>
					
		</div><!--/grid-list-->
		
		<div class="text-center">
			<a href="<?php the_permalink(); ?>" class="btn" target="_blank" rel="nofollow">Get Started</a>
		</div>

	
	</div>
</section>

				<?php endforeach; ?>
    		<?php wp_reset_postdata(); ?>
		<?php endif; ?>

<?php 
$cat_title = get_field('category_text_block_title', $term);
$cat_descripription = get_field('category_text_block_descripton', $term);
$cat_text_list = get_field('category_text-list', $term);
if(!empty($cat_descripription) || !empty($cat_text_list)){
?>
<section id="brokerOnline-section" class="brokerOnline-section">
	<div class="container">
		<!-- brokerOnline -->
		<div class="brokerOnline">
			<div class="title2 separator">
				<?php echo $cat_title; ?>
			</div>
			<div class="two-column text-justify">
				<?php echo $cat_descripription; ?>
			</div>
					
			<ul>
			<?php foreach($cat_text_list as $item){?>
				<li><?php echo $item['list_item']; ?></li>
			<?php } ?>
			</ul>
		</div><!-- /brokerOnline -->
	</div>
</section>
<?php } ?>
<section class="countryrokers-section">
	<div class="container">
		<h2 class="title2 separator">
			Brokers de paises Latinoamericanos
		</h2>
		<div class="sub-text">
			Lorem Ipsum is simply dummy text of the printing and typesetting industry.
		</div>
				
		<div class="countryBrokers grid-3">
			<div class="countryBrokers-card">
				<div class="countryBrokers-title">
					<a href="#">25 Mejores brokers regulados Mexico [2023] Actualizado</a>
				</div>
				<p>
					Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
				</p>
			</div>
			<div class="countryBrokers-card">
				<div class="countryBrokers-title">
					<a href="#">25 Mejores brokers regulados Mexico [2023] Actualizado</a>
				</div>
				<p>
					Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
				</p>
			</div>
			<div class="countryBrokers-card">
				<div class="countryBrokers-title">
					<a href="#">25 Mejores brokers regulados Mexico [2023] Actualizado</a>
				</div>
				<p>
					Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
				</p>
			</div>
			
			
	
		</div><!--/countryBrokers-->
	</div>
</section>

<section class="parametrs-section">
	<div class="container">
		<div class="parametrs-list grid-3">
			<div class="parametrs-title">
				<h2 class="title3 red">Lista de corredores <br />por parámetros:</h2>
			</div>
			<div class="parametrs-card">
				<h3> Mejores Brokers según activos negociados </h3>
				<ul>
					<li><a href="#">Lorem Ipsum is simply</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is text simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply text</a></li>
				</ul>
			</div>
					
			<div class="parametrs-card">
				<h3>Mejores Brokers según tipo de depósito y retiro</h3>
				<ul>
					<li><a href="#">Lorem Ipsum is simply</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is text simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply text</a></li>
				</ul>
			</div>
					
			<div class="parametrs-card">
				<h3>Mejores Brokers regulados</h3>
				<ul>
					<li><a href="#">Lorem Ipsum is simply</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is text simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply text</a></li>
				</ul>
			</div>
					
			<div class="parametrs-card">
				<h3>Mejores Brokers según el spread</h3>
				<ul>
					<li><a href="#">Lorem Ipsum is simply</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is text simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply text</a></li>
				</ul>
			</div>
					
			<div class="parametrs-card">
				<h3>Mejores Brokers según el tipo de trader</h3>
				<ul>
					<li><a href="#">Lorem Ipsum is simply</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text text</a></li>
					<li><a href="#">Lorem Ipsum is simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is text simply dummy text</a></li>
					<li><a href="#">Lorem Ipsum is simply text</a></li>
				</ul>
			</div>
		</div><!--/parametrs-list-->
	</div>
</section>


<?php 
$faq_block = get_field('frequently_asked_questions', $term);
if(!empty($faq_block)) {?>
<section class="faq-section">
	<div class="container">
		<div class="title2 separator">
			Frequently Asked Questions
		</div>
		<div class="faq-wrap" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
		<?php foreach($faq_block as $faq){ ?>
			<span class="faq-question" class= itemprop="name"><?php echo $faq['question']; ?></span>
			<div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
				<div class="faq-inner" itemprop="text"><?php echo $faq['answer']; ?></div>
			</div>
		<?php } ?>
		</div><!--/faq-wrap-->
	</div>
</section>
<?php } ?>
<script>
jQuery(document).ready(function ($) {  
	/*--- sticky top5 ---*/
	window.onscroll = function() {myFunction()};

	var header = document.getElementById("topBrokers");
	var header2 = document.getElementById("top5");
	var sticky = header2.offsetTop - 80;
	var footer = document.getElementById("brokerOnline-section");
	var sticky2 = footer.offsetTop - 200;


	function myFunction() {
	  if (window.pageYOffset > sticky) {
		header.classList.add("sticky");
	  } 
		else {
		header.classList.remove("sticky");
	  };
	if (window.pageYOffset > sticky2) {
		header.classList.add("unsticky");
	  } else {
		header.classList.remove("unsticky");
	  }
	} 
  
	/*--- /sticky top5 ---*/
	
	//$(".tab-container .topBrokers .topBrokers-card:first-child").addClass('active');
});
</script>

<?php
get_footer();