{% macro participant_identity(offer, current_user, conversation, size='md') -%}
  {% set identity_class = 'participant-buyer' %}
  {% set role_label = 'Buyer' %}
  {% set display_name = 'You' %}
  {% if offer %}
    {% if offer.buyer_id == current_user.id %}
      {% set identity_class = 'participant-buyer' %}
      {% set role_label = 'Buyer' %}
      {% set display_name = 'You' %}
    {% elif offer.seller_id == current_user.id %}
      {% set identity_class = 'participant-seller' %}
      {% set role_label = 'Seller' %}
      {% set display_name = 'You' %}
    {% elif conversation and offer.buyer_id is not none and offer.buyer_id == conversation.buyer_id %}
      {% set identity_class = 'participant-buyer' %}
      {% set role_label = 'Buyer' %}
      {% set display_name = (offer.buyer.profile.full_name if offer.buyer and offer.buyer.profile and offer.buyer.profile.full_name else offer.buyer.email if offer.buyer else (conversation.buyer.profile.full_name if conversation.buyer and conversation.buyer.profile and conversation.buyer.profile.full_name else conversation.buyer.email if conversation.buyer else 'Participant')) %}
    {% elif conversation and offer.seller_id is not none and offer.seller_id == conversation.seller_id %}
      {% set identity_class = 'participant-seller' %}
      {% set role_label = 'Seller' %}
      {% set display_name = (offer.seller.profile.full_name if offer.seller and offer.seller.profile and offer.seller.profile.full_name else offer.seller.email if offer.seller else (conversation.seller.profile.full_name if conversation.seller and conversation.seller.profile and conversation.seller.profile.full_name else conversation.seller.email if conversation.seller else 'Participant')) %}
    {% elif offer.buyer_id is not none %}
      {% set identity_class = 'participant-buyer' %}
      {% set role_label = 'Buyer' %}
      {% set display_name = (offer.buyer.profile.full_name if offer.buyer and offer.buyer.profile and offer.buyer.profile.full_name else offer.buyer.email if offer.buyer else 'Participant') %}
    {% else %}
      {% set identity_class = 'participant-seller' %}
      {% set role_label = 'Seller' %}
      {% set display_name = (offer.seller.profile.full_name if offer.seller and offer.seller.profile and offer.seller.profile.full_name else offer.seller.email if offer.seller else 'Participant') %}
    {% endif %}
  {% endif %}
  {% set initial = (display_name[0] if display_name else 'P') %}
  <div class="participant-pill {{ identity_class }} {{ size }}">
    <span class="participant-avatar" aria-hidden="true">{{ initial }}</span>
    <div class="participant-copy">
      <div class="participant-name">{{ display_name }} <span class="participant-role">({{ role_label }})</span></div>
    </div>
  </div>
{%- endmacro %}

{% set offers = conversation.offers|sort(attribute='created_at', reverse=true) if conversation and conversation.offers else [] %}
{% set latest_offer = offers[0] if offers else none %}
{% set mine = latest_offer.buyer_id == current_user.id if latest_offer is not none else False %}
{% set is_receiver = latest_offer.seller_id == current_user.id if latest_offer is not none else False %}
{% set status_label = latest_offer.status.value|title if latest_offer is not none else 'Pending' %}
{% set badge_class = 'text-bg-warning text-dark' %}
{% if latest_offer and latest_offer.status.value == 'accepted' %}
  {% set badge_class = 'text-bg-success' %}
{% elif latest_offer and latest_offer.status.value == 'rejected' %}
  {% set badge_class = 'text-bg-danger' %}
{% elif latest_offer and latest_offer.status.value == 'countered' %}
  {% set badge_class = 'text-bg-primary' %}
{% elif latest_offer and latest_offer.status.value == 'pending' %}
  {% set badge_class = 'text-bg-warning text-dark' %}
{% endif %}
{% set bargaining_disabled = conversation and conversation.listing and conversation.listing.status.value != 'available' %}
{% set is_pending = latest_offer and latest_offer.status.value == 'pending' %}
{% set can_accept = is_pending and is_receiver and not bargaining_disabled %}
{% set can_reject = is_pending and is_receiver and not bargaining_disabled %}
{% set can_counter = is_pending and is_receiver and not bargaining_disabled %}
<div class="negotiation-card card shadow-sm border-0">
  <div class="card-body p-0">
    <div class="negotiation-shell">
      <div class="negotiation-summary-card">
        <div class="negotiation-section-header">Current Offer</div>
        {% if latest_offer %}
          <div class="d-flex justify-content-between align-items-start gap-3">
            <div class="flex-grow-1">
              <div class="offer-amount">{{ latest_offer.amount }} {{ currency_symbol|default('') }}</div>
              <div class="mt-2">{{ participant_identity(latest_offer, current_user, conversation, 'lg') }}</div>
            </div>
            <span class="badge {{ badge_class }} align-self-start">{{ status_label }}</span>
          </div>
          <div class="small text-muted mt-2">{{ latest_offer.created_at.strftime('%d %b %Y • %H:%M') }}</div>
          {% if latest_offer.optional_message %}
            <div class="offer-message mt-2">{{ latest_offer.optional_message }}</div>
          {% endif %}
          {% if conversation and conversation.listing %}
            <div class="listing-status-row mt-3">
              <div class="section-label">Listing Status</div>
              <div class="fw-semibold">{{ conversation.listing.status.value|title }}</div>
            </div>
          {% endif %}
        {% else %}
          <div class="text-muted small">No negotiation has started yet.</div>
        {% endif %}
      </div>

      {% if latest_offer and latest_offer.status.value == 'accepted' %}
        <div class="alert alert-success py-2 px-3 small mb-0" role="status">
          <i class="bi bi-check2-circle me-1" aria-hidden="true"></i>
          Offer accepted. You may continue chatting to arrange payment and pickup.
        </div>
      {% elif bargaining_disabled %}
        <div class="alert alert-warning py-2 px-3 small mb-0" role="status">
          <i class="bi bi-lock-fill me-1" aria-hidden="true"></i>
          Bargaining is no longer available for this listing.
        </div>
      {% endif %}

      {% if can_accept or can_reject or can_counter %}
        <div class="negotiation-actions-card">
          <div class="negotiation-section-header">Actions</div>
          <div class="d-flex flex-wrap gap-2">
            {% if can_accept %}
              <form method="post" action="{{ url_for('negotiation.accept_offer', public_id=conversation.public_id, offer_public_id=latest_offer.public_id) }}" class="d-inline">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button type="submit" class="btn btn-sm btn-success">Accept</button>
              </form>
            {% endif %}
            {% if can_reject %}
              <form method="post" action="{{ url_for('negotiation.reject_offer', public_id=conversation.public_id, offer_public_id=latest_offer.public_id) }}" class="d-inline">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button type="submit" class="btn btn-sm btn-outline-secondary">Reject</button>
              </form>
            {% endif %}
            {% if can_counter %}
              <button type="button" class="btn btn-sm btn-outline-primary negotiation-counter-toggle" data-bs-toggle="collapse" data-bs-target="#counter-form-{{ latest_offer.public_id }}" aria-expanded="false" aria-controls="counter-form-{{ latest_offer.public_id }}">Counter</button>
            {% endif %}
          </div>
        </div>
      {% endif %}

      {% if can_counter %}
        <div class="negotiation-counter-card collapse" id="counter-form-{{ latest_offer.public_id }}">
          <div class="negotiation-section-header">Make a Counter Offer</div>
          <form method="post" action="{{ url_for('negotiation.counter_offer', public_id=conversation.public_id, offer_public_id=latest_offer.public_id) }}" class="card card-body border-0 bg-light negotiation-counter-form">
            {% if offer_form is defined %}{{ offer_form.hidden_tag() }}{% endif %}
            <div class="row g-2 align-items-end">
              <div class="col-12">
                <label class="form-label small" for="counter-amount-{{ latest_offer.public_id }}">Offer amount</label>
                <input id="counter-amount-{{ latest_offer.public_id }}" name="amount" type="number" step="0.01" min="0.01" class="form-control" placeholder="0.00" required>
              </div>
              <div class="col-12">
                <label class="form-label small" for="counter-message-{{ latest_offer.public_id }}">Optional message</label>
                <textarea id="counter-message-{{ latest_offer.public_id }}" name="optional_message" class="form-control" rows="2" maxlength="300" placeholder="Add a short note"></textarea>
              </div>
              <div class="col-12 d-flex gap-2">
                <button type="submit" class="btn btn-sm btn-primary flex-grow-1">Submit counter offer</button>
                <button type="button" class="btn btn-sm btn-outline-secondary negotiation-counter-cancel" data-bs-target="#counter-form-{{ latest_offer.public_id }}" data-bs-toggle="collapse">Cancel</button>
              </div>
            </div>
          </form>
        </div>
      {% endif %}

      {% if offers %}
        <div class="negotiation-history-card">
          <div class="negotiation-section-header">Offer History</div>
          <div class="history-stack">
            {% for offer in offers %}
              {% set history_badge_class = 'text-bg-warning text-dark' %}
              {% if offer.status.value == 'accepted' %}
                {% set history_badge_class = 'text-bg-success' %}
              {% elif offer.status.value == 'rejected' %}
                {% set history_badge_class = 'text-bg-danger' %}
              {% elif offer.status.value == 'countered' %}
                {% set history_badge_class = 'text-bg-primary' %}
              {% endif %}
              <div class="history-item">
                <div class="d-flex justify-content-between gap-2 align-items-start mb-2">
                  <div class="offer-history-amount">{{ offer.amount }} {{ currency_symbol|default('') }}</div>
                  <span class="badge {{ history_badge_class }}">{{ offer.status.value|title }}</span>
                </div>
                <div class="mb-2">{{ participant_identity(offer, current_user, conversation) }}</div>
                {% if offer.optional_message %}
                  <div class="offer-message mb-2">{{ offer.optional_message }}</div>
                {% endif %}
                <div class="history-meta">{{ offer.created_at.strftime('%d %b %Y • %H:%M') }}</div>
              </div>
            {% endfor %}
          </div>
        </div>
      {% endif %}

    </div>
  </div>
</div>