@using JSMR.Application.VoiceWorks.Queries.Search
@using JSMR.UI.Blazor.Services

<div class="j-card j-voice-work-card">
    <div class="j-voice-work-image-container">
        <JImage ImageClass="j-voice-work-image" Source="@ImageUrlProvider.GetImageURL(Product.ProductId, Product.HasImage, Product.SalesDate, "main")"></JImage>
    </div>
    <div class="j-voice-work-content">
        <div class="j-product-title">@Product.ProductName</div>
        <div class="j-product-description">@Product.Description</div>
        <div class="j-tags">
            @foreach (var tag in Product.Tags)
            {
                <div class="j-tag">@tag.Name</div>
            }
        </div>
    </div>
    <div class="j-voice-work-info">
    </div>
</div>

@code {
    [Parameter]
    public required VoiceWorkSearchResult Product { get; set; }
}