<h2 class="headline"><?php echo get_field('card_title'); ?></h2>
<div class="m-fight-cards">
  <?php while( have_rows('card_table') ): the_row(); ?>
  <div class="m-fight-card">
  <?php
    $fight_title = get_sub_field('title');
    $fight_desc = get_sub_field('desc');
    $fighter1 = get_sub_field('fighter1');
    $fighter2 = get_sub_field('fighter2');
  ?>
  <p class="fight-num"><span><?php echo $fight_title; ?></span></p>
  <h3><?php echo $fight_desc; ?></h3>

  <?php if( $fighter1 ): ?>
    <div class="card">
      <div class="card-fighter">
        <?php if( $fighter1 ){ ?>
          <?php
            $img = get_field('fighter_list_thumbnail', $fighter1->ID);
            if($img){
              $img = $img['sizes']['icon'];
            } else {
              $img = "".home_url()."/assets/images/dummy16-9.jpg";
            }
          ?>
          <a class="img" href="<?php if(get_post_status($fighter1->ID) == 'publish') {echo get_permalink($fighter1->ID);} ?>" style="background-image:url(<?php echo $img; ?>)"></a>
        <?php } ?>
      </div>
      <div class="vs">
        VS
      </div>
      <div class="card-fighter">
        <?php if( $fighter2 ){ ?>
          <?php
            $img = get_field('fighter_list_thumbnail', $fighter2->ID);
            if($img){
              $img = $img['sizes']['icon'];
            } else {
              $img = "".home_url()."/assets/images/dummy16-9.jpg";
            }
          ?>
          <a class="img" href="<?php if(get_post_status($fighter2->ID) == 'publish') {echo get_permalink($fighter2->ID);} ?>" style="background-image:url(<?php echo $img; ?>)"></a>
        <?php } ?>
      </div>
    </div>
    <div class="card-cnt">
      <div class="card-fighter">
        <?php if( $fighter1 ) { ?>
          <a href="<?php if(get_post_status($fighter1->ID) == 'publish') {echo get_permalink($fighter1->ID);} ?>">
            <h4><?php echo get_the_title($fighter1->ID); ?></h4>
            <p class="base txt-s">
              <?php $bases = get_the_terms($fighter1->ID, 'fighter-base');
                if ($bases) { foreach( $bases as $base ){ echo $base->name; } }
              ?>
              /<?php the_field('fighter_from', $fighter1->ID); ?>
            </p>
          </a>
        <?php } ?>
      </div>
      <div class="card-fighter txt-right">
        <?php if( $fighter2 ) { ?>
          <a href="<?php if(get_post_status($fighter2->ID) == 'publish') {echo get_permalink($fighter2->ID);} ?>">
            <h4><?php echo get_the_title($fighter2->ID); ?></h4>
            <p class="base txt-s">
              <?php $bases = get_the_terms($fighter2->ID, 'fighter-base');
                if ($bases) { foreach( $bases as $base ){ echo $base->name; } }
              ?>
              /<?php the_field('fighter_from', $fighter2->ID); ?>
            </p>
          </a>
        <?php } ?>
      </div>
    </div>
  <?php endif; ?>
  </div>
  <?php endwhile; ?>
</div>