{extend name="layout" /}
{block name="main"}
<article class="section product">
    <div class="container">
        <nav class="crumb"><a href="/">首页</a> / <a href="/product.html">产品中心</a> / <span>{$product.title}</span></nav>
        <div class="product-head">
            <div class="product-media">
                <img src="{$product.cover|default='/static/img/placeholder.svg'}" loading="lazy" alt="{$product.title}" width="640" height="400">
            </div>
            <div class="product-info">
                <h1>{$product.title}</h1>
                {if condition="$product.price"}
                <p class="price">¥{$product.price}</p>
                {/if}
                <p class="summary">{$product.summary|default=''}</p>
                <a class="btn" href="/contact.html">咨询报价</a>
            </div>
        </div>
        <div class="content">
            {$product.content|raw}
        </div>
    </div>
</article>
{/block}