<?php
/**
 * @package far_loop
 */
	
get_header();

$fields = array_fill_keys( array(
	'featured_image',
	'address',
	'phone',
	'website',
	'email',
	'google_map',
), null );

foreach ( $fields as $field => $value )
	$fields[$field] = get_field( $field );

?>

<div class="u_pt-5">
    <div class="l_container u_mv-0 wrapper-profile">

        <div class="page-title u_mb-2">
          <h1 class="page-title__alpha-title u_mb-0p5"><?php the_title(); ?></h1>
        </div>

         <figure class="cover-image"><img src="<?php echo $fields['featured_image']['url'];?>" alt="<?php echo $fields['featured_image']['caption'];?>">
            <figcaption class="cover-image__caption"><?php echo $fields['featured_image']['caption'];?></figcaption>
          </figure>






      <div data-sticky-sidebar-grid class="grid u_mh-min1p5 container-info-gallery">



        <div data-sticky-sidebar class="col--sm--three--seventh col--md--two--fifth u_ph-1p5">
          <?php
          // ✅ Llamada correcta a info_card_module (espera keys, no valores)
          if (function_exists('info_card_module')) {
            info_card_module(array(
              'address',
              'phone',
              'email',
              'website',
              'google_map'
            ));
          } else {
            // Fallback sencillo si la función no existe
            echo '<dl class="info-card__list">';
            if (!empty($address)) {
              $addr_txt = is_array($address) ? wp_strip_all_tags(implode(', ', $address)) : $address;
              echo '<dt>Address</dt><dd>' . esc_html($addr_txt) . '</dd>';
            }
            if (!empty($phone))   echo '<dt>Phone</dt><dd>' . esc_html($phone) . '</dd>';
            if (!empty($email))   echo '<dt>Email</dt><dd><a href="mailto:' . esc_attr($email) . '">' . esc_html($email) . '</a></dd>';
            if (!empty($website)) echo '<dt>Website</dt><dd><a href="' . esc_url($website) . '">' . esc_html($website) . '</a></dd>';
            if (!empty($google_map)) echo '<dt>Map</dt><dd><a href="' . esc_url($google_map) . '">' . esc_html($google_map) . '</a></dd>';
            echo '</dl>';
          }
          ?>
        </div>

        
      </div>



    </div>
    

    
    <!-- A modal window that contains the venue map-->
    <div id="venueMapModal" class="modal">
      <div class="modal__window modal__window--small">
        <div class="modal__window__content">
          <div class="venue-map">
            <div id="venueMapElement" data-lat="<?php echo $fields['google_map']['lat'];?>" data-lng="<?php echo $fields['google_map']['lng'];?>" data-place-id="<?php echo $fields['google_map']['place_id'];?>" class="venue-map__map-element"></div>
          </div>
        </div><a href="#" class="modal__window__close u_js-only">&times;</a>
      </div>
      <div class="modal__overlay"></div>
    </div>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA9wUwuCgWL-NnBwl3RvJHi3gaFVpMj6wM&amp;libraries=places"></script>




  </div>

<?php 

related_activities_module();

//related_artist_videos_module();

related_professionals_module();

related_pages_module_pages_only();

//related_pages_module();


get_footer();
