<div class="card card-outline-primary m-1 p-1">
    <div class="bg-faded p-1">
        <h4>
            {{ highlight name }}
            <span class="badge rounded-pill bg-primary text-white"
                   style="float:right">
                <small>{{ currency price }}</small>
            </span>
        </h4>
    </div>
    <div class="card-text p-1">
        <span class="float-start">{{ highlight description }}</span> 
        <form method="post" action="/cart">
            <input type="hidden" name="returnUrl" value="{{navigationUrl}}">
            <input type="hidden" name="productId" value="{{id}}">
            <button type="submit" class="btn btn-sm btn-success float-end">
                Add To Cart
            </button>
        </form>
    </div>
</div>
