<?php
/*
Arquivo: wp-content/themes/cancao-verdadeira/template-parts/card-musica.php

Resumo:
Renderiza card de música no estilo Spotify.
Inclui capa, título, artista, botão de play integrado ao player global,
botão de favorito (AJAX) e exibição de métricas.
Utiliza atributos data-* para comunicação com o JavaScript.
Componente reutilizável em home, categorias, ranking e dashboard.
*/

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

$post_id = get_the_ID();

// META
$meta = function_exists('cancao_get_musica_meta') ? cancao_get_musica_meta($post_id) : [];

$mp3       = $meta['mp3'] ?? '';
$artista   = $meta['artista'] ?? '';
$views     = $meta['views'] ?? 0;
$favoritos = $meta['favoritos'] ?? 0;

$capa = get_the_post_thumbnail_url($post_id, 'medium');
$link = get_permalink($post_id);
$titulo = get_the_title($post_id);

// fallback imagem
if (!$capa) {
    $capa = get_stylesheet_directory_uri() . '/assets/img/default.jpg';
}
?>

<div class="card-musica"
     data-id="<?php echo esc_attr($post_id); ?>"
     data-mp3="<?php echo esc_url($mp3); ?>"
     data-title="<?php echo esc_attr($titulo); ?>"
     data-artist="<?php echo esc_attr($artista); ?>"
     data-cover="<?php echo esc_url($capa); ?>">

    <!-- CAPA -->
    <div class="card-thumb">
        <img src="<?php echo esc_url($capa); ?>" alt="<?php echo esc_attr($titulo); ?>">

        <!-- PLAY -->
        <button class="btn-play" title="Tocar">▶</button>
    </div>

    <!-- INFO -->
    <div class="card-info">

        <h3 class="card-title">
            <a href="<?php echo esc_url($link); ?>">
                <?php echo esc_html($titulo); ?>
            </a>
        </h3>

        <p class="card-artist">
            <?php echo esc_html($artista ?: 'Artista desconhecido'); ?>
        </p>

    </div>

    <!-- AÇÕES -->
    <div class="card-actions">

        <!-- FAVORITO -->
        <span class="btn-favorito"
              data-id="<?php echo esc_attr($post_id); ?>"
              title="Favoritar">
            ❤️
        </span>

        <!-- VIEWS -->
        <span class="card-views">
            👁 <?php echo number_format($views); ?>
        </span>

    </div>

</div>