<?php
/**
 * Template Name: works_news
 */
get_header(); ?>

  <main id="page-works_news">
    <div class="mainBox">
	<?php $args = array('post_type' => 'works','posts_per_page' => 10,'paged' => get_query_var( 'paged' )); ?>	 
	<?php query_posts( $args ); ?><!-- メインの WordPress ループを変更するタグ -->
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 	<!-- ▼記事ここから -->
      <article class="fadeIn01">
        <h2><?php the_title(); ?></h2>
        <div class="articleDetail">
          <div class="articleDetailIn">
            <div class="leftBox">
		    	<?php the_content(); ?>
            </div>
            <div class="rightBox">
              <dl>
				<?php $ctm01 = get_post_meta($post->ID, 'w_cli_jp', true);?>
				<?php if(empty($ctm01)):?>
				<?php else:?>
					<div>
					  <dt>Client</dt>
					  <dd><?php echo post_custom('w_cli_jp');?></dd>
					</div>
				<?php endif;?>				  
				  
				<?php $ctm02 = get_post_meta($post->ID, 'w_spo_jp', true);?>
				<?php if(empty($ctm02)):?>
				<?php else:?>
					<div>
					  <dt>Sponsor</dt>
					  <dd><?php echo post_custom('w_spo_jp');?></dd>
					</div>
				<?php endif;?>
				  
				<?php $ctm03 = get_post_meta($post->ID, 'w_typ_jp', true);?>
				<?php if(empty($ctm03)):?>
				<?php else:?>
					<div>
					  <dt>Type</dt>
					  <dd><?php echo post_custom('w_typ_jp');?></dd>
					</div>
				<?php endif;?>
				  
				<?php $ctm04 = get_post_meta($post->ID, 'w_pro_jp', true);?>
				<?php if(empty($ctm04)):?>
				<?php else:?>
					<div>
					  <dt>Producer</dt>
					  <dd><?php echo post_custom('w_pro_jp');?></dd>
					</div>
				<?php endif;?>
				  
				<?php $ctm05 = get_post_meta($post->ID, 'w_des_jp', true);?>
				<?php if(empty($ctm05)):?>
				<?php else:?>
					<div>
					  <dt>Designer</dt>
					  <dd><?php echo post_custom('w_des_jp');?></dd>
					</div>
				<?php endif;?>
				  
				<?php $ctm06 = get_post_meta($post->ID, 'w_dir_jp', true);?>
				<?php if(empty($ctm06)):?>
				<?php else:?>
					<div>
					  <dt>Director</dt>
					  <dd><?php echo post_custom('w_dir_jp');?></dd>
					</div>
				<?php endif;?>
				  
				<?php $ctm07 = get_post_meta($post->ID, 'w_url_jp', true);?>
				<?php if(empty($ctm07)):?>
				<?php else:?>
					<div>
					  <dt>URL</dt>
					  <dd><a href="<?php echo post_custom('w_url_jp');?>" target="_blank"><?php echo post_custom('w_url_jp');?></a></dd>
					</div>
				<?php endif;?>
              </dl>
            </div>
          </div>
          <ul class="slide_active">
			<?php if(have_rows('w_img')): ?>
			<?php while(have_rows('w_img')): the_row(); ?>
				<li>
				<figure><img src="<?php the_sub_field('w_sub_img'); ?>" alt=""></figure>
					<!--<dl>
						<dt></dt>
						<dd></dd>
					</dl>-->
				</li>
			<?php endwhile; ?>
			<?php endif; ?>
          </ul>
	
			<?php $ctmCon = get_post_meta($post->ID, 'w_con_jp', true);?>
			<?php if(empty($ctmCon)):?>
			<?php else:?>
				<p class="readBtn readBtn02"><a href="<?php the_permalink(); ?>">Read More</a></p>
			<?php endif;?>
        </div>
      </article>
      <!-- ▲記事ここまで -->
	<?php endwhile; ?>
		
	<div id="pager"><?php pagenavi(); ?></div>
	<?php else : ?>
	<p>只今、準備中です。</p>						
	<?php endif; ?>
	<?php wp_reset_query(); ?>

	<?php
	// casestudies APIからコーポレート公開データを取得して同じ構造で表示
	$api_url = 'https://beethoven.co.jp/casestudies/api/works.php';
	$api_response = @file_get_contents($api_url);
	if ($api_response !== false) {
		$api_works = json_decode($api_response, true);
		if (is_array($api_works) && count($api_works) > 0) {
			foreach ($api_works as $aw) {
				$aw_title    = htmlspecialchars($aw['title'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_desc     = htmlspecialchars($aw['description'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_client   = htmlspecialchars($aw['client'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_sponsor  = htmlspecialchars($aw['sponsor'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_category = htmlspecialchars($aw['category'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_result   = htmlspecialchars($aw['result'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_scope    = htmlspecialchars($aw['scope'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_url      = htmlspecialchars($aw['websiteUrl'] ?? '', ENT_QUOTES, 'UTF-8');
				$aw_photo    = !empty($aw['photos'][0]) ? esc_url($aw['photos'][0]) : '';
				$detail_url  = 'https://beethoven.co.jp/casestudies/?id=' . urlencode($aw['id'] ?? '');
				?>
		<!-- ▼casestudies APIデータ -->
		<article class="fadeIn01">
			<h2><?php echo $aw_title; ?></h2>
			<div class="articleDetail">
				<div class="articleDetailIn">
					<div class="leftBox">
						<?php if ($aw_photo): ?>
						<figure><img src="<?php echo $aw_photo; ?>" alt="<?php echo $aw_title; ?>"></figure>
						<?php endif; ?>
						<p><?php echo $aw_desc; ?></p>
					</div>
					<div class="rightBox">
						<dl>
							<?php if ($aw_client): ?>
							<div>
								<dt>Client</dt>
								<dd><?php echo $aw_client; ?></dd>
							</div>
							<?php endif; ?>
							<?php if ($aw_sponsor): ?>
							<div>
								<dt>Sponsor</dt>
								<dd><?php echo $aw_sponsor; ?></dd>
							</div>
							<?php endif; ?>
							<?php if ($aw_category): ?>
							<div>
								<dt>Type</dt>
								<dd><?php echo $aw_category; ?></dd>
							</div>
							<?php endif; ?>
							<?php if ($aw_scope): ?>
							<div>
								<dt>Scope</dt>
								<dd><?php echo $aw_scope; ?></dd>
							</div>
							<?php endif; ?>
							<?php if ($aw_result): ?>
							<div>
								<dt>Result</dt>
								<dd><?php echo $aw_result; ?></dd>
							</div>
							<?php endif; ?>
							<?php if ($aw_url): ?>
							<div>
								<dt>URL</dt>
								<dd><a href="<?php echo $aw_url; ?>" target="_blank"><?php echo $aw_url; ?></a></dd>
							</div>
							<?php endif; ?>
						</dl>
					</div>
				</div>
				<p class="readBtn readBtn02"><a href="<?php echo esc_url($detail_url); ?>">Read More</a></p>
			</div>
		</article>
		<!-- ▲casestudies APIデータ -->
				<?php
			}
		}
	}
	?>

    </div>
  </main>		
<?php get_footer(); ?>