{% if doc.published %}
<div class="col-xs-12 col-sm-12 mb-4">
	<div class="card">
		<div class="card-body">
		<h4 class="card-title">{{ doc.feature_name }}</h4>
		{% set bounty_progress = ((doc.bounty_collected/doc.goal)*100) %}
		{% set comments = (json.loads(doc._comments or '[]'))|len %}
		<div class="progress" style="height: 6px;">
			<div class="progress-bar bg-success" role="progressbar"
				aria-valuenow="{{bounty_progress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{bounty_progress}}%">
				<span class="sr-only">{{ doc.bounty_collected }} of {{ doc.goal }}</span>
			</div>
		</div>
		<p>
			<span class="label">{{ fmt_money(doc.goal, currency="USD") }}</span>
			{% if comments %}
				<span class="label">{{ comments }} <i
					class='octicon octicon-comment-discussion'></i></span>
			{% endif %}
			{% if paid_backers|len > 0 %}
				<span class="label">
					{{ paid_backers|len }}
					{% if paid_backers|len > 1 %}
						Backers
					{% else %}
						Backer
					{% endif %}
				</span>
			{% endif %}
		</p>
		<p class="card-text">{{ html2text(doc.description[:200]) }}{% if doc.description|len > 200 %}...{% endif %}</p>
		<a href={{ route }}>Details</a>
	</div>
	</div>
</div>
{% endif %}