{% extends "base.html" %}
{% block title %}{{ _('Pricing') }}{% endblock %}
{% block content %}
<div class="pricing-wrap">
  <div class="pricing-head">
    <h1>{{ _('Simple, transparent pricing') }}</h1>
    <p class="muted">{{ _('Upgrade anytime. Cancel anytime.') }}</p>
  </div>
  <div class="plan-grid">
    {% for plan in plans %}
    <div class="plan-card card {{ 'current' if current_plan and current_plan.id == plan.id }}">
      {% if current_plan and current_plan.id == plan.id %}
        <div class="plan-badge">{{ _('Current plan') }}</div>
      {% endif %}
      <div class="plan-name">{{ plan.name }}</div>
      <div class="plan-price">
        {% if plan.price_monthly_cents == 0 %}
          <span class="price-amount">{{ _('Free') }}</span>
        {% else %}
          <span class="price-amount">${{ "%.0f"|format(plan.price_monthly_cents / 100) }}</span>
          <span class="price-period">{{ _('/mo') }}</span>
        {% endif %}
      </div>
      <ul class="plan-features">
        <li>{{ _('%(n)s active listings', n=plan.limit('active_listings') or '∞') }}</li>
        <li>{{ _('%(n)s-day listing life', n=plan.limit('listing_life_days')) }}</li>
        <li>{{ _('%(n)s photos/listing', n=plan.limit('images_per_listing')) }}</li>
        {% if plan.limit('ad_free') %}<li class="feat-yes">{{ _('Ad-free browsing') }}</li>{% endif %}
        {% if plan.limit('verified_badge') %}<li class="feat-yes">{{ _('Verified badge') }}</li>{% endif %}
        {% if plan.limit('storefront') %}<li class="feat-yes">{{ _('Storefront page') }}</li>{% endif %}
        {% if plan.limit('scheduled_posting') %}<li class="feat-yes">{{ _('Scheduled posting') }}</li>{% endif %}
        {% if plan.limit('bulk_csv') %}<li class="feat-yes">{{ _('Bulk CSV upload') }}</li>{% endif %}
        {% if plan.limit('priority_support') %}<li class="feat-yes">{{ _('Priority support') }}</li>{% endif %}
      </ul>
      {% if plan.slug == 'free' %}
        {% if not current_user.is_authenticated %}
          <a class="btn plan-btn" href="{{ url_for('auth.register') }}">{{ _('Get started') }}</a>
        {% else %}
          <span class="btn plan-btn ghost disabled">{{ _('Your plan') }}</span>
        {% endif %}
      {% elif current_plan and current_plan.id == plan.id %}
        <a class="btn plan-btn ghost" href="{{ url_for('payments.portal') }}">{{ _('Manage') }}</a>
      {% elif stripe_enabled %}
        <a class="btn plan-btn" href="{{ url_for('payments.subscribe', slug=plan.slug) }}">{{ _('Upgrade') }}</a>
      {% else %}
        <span class="btn plan-btn ghost disabled">{{ _('Coming soon') }}</span>
      {% endif %}
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}