{% extends 'admin_panel/base.html' %}
{% block page_title %}Lead — {{ lead.name }}{% endblock %}
{% block content %}
<div class="row g-3">
  <div class="col-lg-7">
    <div class="card-panel">
      <h5>Contact Info</h5>
      <dl class="row mb-0">
        <dt class="col-sm-3">Name</dt><dd class="col-sm-9">{{ lead.name }}</dd>
        <dt class="col-sm-3">Email</dt><dd class="col-sm-9"><a href="mailto:{{ lead.email }}">{{ lead.email }}</a></dd>
        <dt class="col-sm-3">Phone</dt><dd class="col-sm-9"><a href="tel:{{ lead.phone }}">{{ lead.phone }}</a> {% if lead.phone %}· <a href="https://wa.me/{{ lead.phone|cut:'+'|cut:' '|cut:'-' }}" target="_blank">WhatsApp</a>{% endif %}</dd>
        <dt class="col-sm-3">Interest</dt><dd class="col-sm-9">{{ lead.interested_in|default:"—" }}</dd>
        {% if lead.property %}<dt class="col-sm-3">Property</dt><dd class="col-sm-9"><a href="{{ lead.property.get_absolute_url }}" target="_blank">{{ lead.property.title }}</a></dd>{% endif %}
        <dt class="col-sm-3">Budget</dt><dd class="col-sm-9">{% if lead.budget_min or lead.budget_max %}₦{{ lead.budget_min|default:"—" }} – ₦{{ lead.budget_max|default:"—" }}{% else %}—{% endif %}</dd>
        <dt class="col-sm-3">Source</dt><dd class="col-sm-9">{{ lead.get_source_display }}</dd>
        <dt class="col-sm-3">Submitted</dt><dd class="col-sm-9">{{ lead.created_at|date:"F d, Y H:i" }}</dd>
        {% if lead.message %}<dt class="col-sm-3">Message</dt><dd class="col-sm-9">{{ lead.message|linebreaks }}</dd>{% endif %}
        <dt class="col-sm-3">IP / UA</dt><dd class="col-sm-9"><small class="text-muted">{{ lead.ip_address|default:"—" }} · {{ lead.user_agent|truncatechars:80 }}</small></dd>
      </dl>
    </div>
  </div>
  <div class="col-lg-5">
    <div class="card-panel">
      <h5>Update Status</h5>
      <form method="post">
        {% csrf_token %}
        <div class="mb-3"><label class="form-label">Status</label><select name="status" class="form-select">{% for v,l in statuses %}<option value="{{ v }}" {% if lead.status == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
        <div class="mb-3"><label class="form-label">Internal Notes</label><textarea name="notes" rows="6" class="form-control">{{ lead.notes }}</textarea></div>
        <button class="btn btn-primary w-100">Save Updates</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}