<?php
// =======================================
// parts/listing-card.php
// 協力店カード（一覧用）
// =======================================

if (!defined('ABSPATH')) exit;

// 投稿ID
$post_id = get_the_ID();

// 基本情報
$title = get_the_title($post_id);
$url   = get_permalink($post_id);

// ACF 安全取得（無効時でも落とさない）
if (function_exists('get_field')) {
  $seller_name = get_field('seller_name', $post_id);
  $seller_area = get_field('seller_area', $post_id);
  $seller_addr = get_field('seller_address', $post_id);
  $price_raw   = get_field('price', $post_id);
  $google_profile = get_field('google_profile', $post_id);
  $tel  = get_field('reservation_tel', $post_id);
  $perk = get_field('perk_text', $post_id);
  $fallback_img = get_field('image_url', $post_id);
} else {
  $seller_name = $seller_area = $seller_addr = $google_profile = $tel = $perk = $fallback_img = '';
  $price_raw = '';
}

// 価格正規化
$price = is_numeric($price_raw) ? (int)$price_raw : 0;

// 表示用ロケーション
$loc = trim(implode(' ', array_filter([$seller_area, $seller_addr])));

// 画像（アイキャッチ優先）
$img_url = get_the_post_thumbnail_url($post_id, 'medium');
if (!$img_url && !empty($fallback_img)) {
  $img_url = $fallback_img;
}

// 出力時エスケープ
$img_url = $img_url ? esc_url($img_url) : '';
?>

<div class="pyo-card"
  data-name="<?php echo esc_attr($seller_name ?: $title); ?>"
  data-loc="<?php echo esc_attr($loc); ?>"
  data-gbp="<?php echo esc_url($google_profile); ?>"
  data-img="<?php echo esc_url($img_url); ?>"
  data-tel="<?php echo esc_attr($tel); ?>"
  data-perk="<?php echo esc_attr($perk); ?>"
>

  <!-- 画像 -->
  <?php if ($img_url): ?>
    <a href="<?php echo esc_url($url); ?>" class="pyo-media">
      <img src="<?php echo esc_url($img_url); ?>"
           alt="<?php echo esc_attr($title); ?>"
           loading="lazy">
    </a>
  <?php endif; ?>

  <!-- 本文 -->
  <div class="pyo-body">

    <h3 class="pyo-title"><?php echo esc_html($title); ?></h3>

    <!-- 価格 -->
    <?php if ($price > 0): ?>
      <div class="pyo-price">
        <?php echo esc_html(number_format($price)); ?>
        <small>円</small>
      </div>
    <?php else: ?>
      <div class="pyo-price">
        <small>価格はお問い合わせください</small>
      </div>
    <?php endif; ?>

    <!-- メタ -->
    <div class="pyo-meta">
      <?php if (!empty($seller_name)): ?>
        <?php echo esc_html($seller_name); ?>
      <?php endif; ?>

      <?php if (!empty($loc)): ?>
        <br>エリア：<?php echo esc_html($loc); ?>
      <?php endif; ?>
    </div>

    <!-- アクション -->
    <div class="pyo-actions">
      <a href="#"
         class="pyo-btn micro-frogBtn">
        ぴょこたんチケットを見る
      </a>

      <a href="<?php echo esc_url($url); ?>"
         class="pyo-btn">
        詳細を見る
      </a>
    </div>

  </div>
</div>