{% extends 'layouts/base.html' %}

{% block content %}

<div class="panel form-card lead-profile-editor">
    <div class="page-head">
        <h1>{{ 'Edit Lead' if lead else 'Advanced Lead Entry' }}</h1>
        {% if lead %}
        <div class="action-buttons">
                <span class="lead-position">{{ lead_position }} of {{ lead_total }}</span>
                <a class="btn btn-sm" href="{{ url_for('leads.edit', lead_id=previous_lead.id, **navigation_args) }}">Previous</a>
                <a class="btn btn-sm" href="{{ url_for('leads.edit', lead_id=next_lead.id, **navigation_args) }}">Next</a>
                <a class="btn btn-sm" href="{{ url_for('leads.detail', lead_id=lead.id, **navigation_args) }}">&#128065; View Lead</a>
                <a class="btn btn-sm" href="{{ url_for('leads.detail', lead_id=lead.id, schedule_callback=1, **navigation_args) }}">Schedule Callback</a>
                <a class="btn btn-sm" href="{{ url_for('sales.create', lead_id=lead.id) }}">Create Sale</a>
            <button class="btn btn-sm" type="submit" form="lead-form">&#128190; Update Lead</button>
        </div>
        {% endif %}
    </div>

    <form method="post" class="lead-edit-layout" id="lead-form">
        <div class="form-grid lead-edit-fields">
        <div class="form-group">
            <label>Customer Name</label>
            <input name="customer_name" value="{{ lead.customer_name if lead else '' }}" required>
            <small class="lead-validation-error" data-validation-error hidden></small>
        </div>

        <div class="form-group">
            <label>Mobile</label>
                        <input name="phone" inputmode="numeric" pattern="[6-9][0-9]{9}" minlength="10" maxlength="10"
                                     autocomplete="tel" title="Enter a 10-digit mobile number starting with 6, 7, 8, or 9"
                                     value="{{ lead.phone if lead and lead.phone else '' }}" required
                   {% if lead and not is_super_admin %}readonly{% endif %}>
            <small class="lead-validation-error" data-validation-error hidden></small>
        </div>

        <div class="form-group">
            <label>Lead Status</label>
            <select name="status">
                {% for s in statuses %}
                <option value="{{ s }}" {% if (lead.status if lead else 'new') == s %}selected{% endif %}>{{ s|title }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Follow-up Date</label>
                 <input name="followup_date" type="datetime-local" min="{{ minimum_followup_at }}" data-future-followup
                   value="{{ lead.followup_date.strftime('%Y-%m-%dT%H:%M') if lead and lead.followup_date else '' }}">
                 <small class="future-followup-error" data-future-followup-error hidden>Follow-up date and time must be in the future.</small>
        </div>

        <div class="form-group">
            <label>Product</label>
            <select name="product_id">
                <option value="">Select Product</option>
                {% for product in products %}
                <option value="{{ product.id }}" {% if lead and lead.product_id == product.id %}selected{% endif %}>{{ product.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Products Interested</label>
            {% set selected_products = lead.product_interest.split(', ') if lead and lead.product_interest else [] %}
            <div class="product-interest-menu">
                {% for product in product_choices %}
                <label class="check"><input type="checkbox" name="product_interest" value="{{ product.value }}" {% if product.value in selected_products %}checked{% endif %}> {{ product.label }}</label>
                {% endfor %}
            </div>
        </div>

        {% for name, label, typ in [
            ('email', 'Email', 'email'),
            ('company', 'Company', 'text'),
            ('state', 'State', 'text'),
            ('city', 'City', 'text'),
            ('language_preference', 'Language Preference', 'text'),
            ('lead_score', 'Lead Score', 'number'),
            ('whatsapp_number', 'WhatsApp Number', 'text'),
            ('important_number', 'Important Number', 'text'),
            ('estimated_value', 'Estimated Value', 'number')
        ] %}
        <div class="form-group">
            <label>{{ label }}</label>
            <input name="{{ name }}" type="{{ typ }}" {% if typ == 'number' %}step="0.01"{% endif %}
                   value="{{ lead[name] if lead and lead[name] is not none else '' }}"
                   >
        </div>
        {% endfor %}

        <div class="form-group">
            <label>Lead Source</label>
            <select name="source">
                <option value="">Select Source</option>
                {% for o in options.lead_source %}
                <option value="{{ o.value }}" {% if lead and lead.source == o.value %}selected{% endif %}>{{ o.label }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Investment Size</label>
            <select name="investment_size">
                <option value="">Select Investment Size</option>
                {% for o in options.investment_size %}
                <option value="{{ o.value }}" {% if lead and lead.investment_size and (lead.investment_size|int)|string == o.value %}selected{% endif %}>{{ o.label }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Lot Size</label>
            <select name="lot_size">
                <option value="">Select Lot Size</option>
                {% for o in options.lot_size %}
                <option value="{{ o.value }}" {% if lead and lead.lot_size == o.value %}selected{% endif %}>{{ o.label }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Priority</label>
            <select name="priority">
                {% for p in ['low', 'medium', 'high', 'hot'] %}
                <option value="{{ p }}" {% if (lead.priority if lead else 'medium') == p %}selected{% endif %}>{{ p|title }}</option>
                {% endfor %}
            </select>
        </div>

        {% if is_super_admin %}
        {% for field, label in [('assigned_to', 'Assigned To'), ('lead_owner', 'Lead Owner')] %}
        <div class="form-group">
            <label>{{ label }}</label>
            <select name="{{ field }}">
                <option value="">Select User</option>
                {% for u in users %}
                <option value="{{ u.id }}" {% if lead and lead[field] == u.id %}selected{% endif %}>{{ u.name }}</option>
                {% endfor %}
            </select>
        </div>
        {% endfor %}
        {% elif not lead %}
        <div class="form-group full-width">
            <label>Lead Assignment</label>
            <input value="Assigned to your account automatically" readonly>
        </div>
        {% endif %}

        {% if is_super_admin %}
        <label class="check">
            <input type="checkbox" name="dnd_flag" {% if lead and lead.dnd_flag %}checked{% endif %}>
            DND
        </label>
        {% endif %}

        <div class="form-group">
            <label>Other Phone</label>
            <input name="alternate_phone" inputmode="tel" value="{{ lead.alternate_phone if lead and lead.alternate_phone else '' }}">
        </div>

        <div class="form-group full-width compact-textarea">
            <label>Notes</label>
            <textarea name="notes" rows="3">{{ lead.notes if lead and lead.notes else '' }}</textarea>
        </div>

        {% if lead and not is_super_admin %}
        <div class="form-group full-width compact-textarea">
            <label>Update Description</label>
            <textarea name="update_description" rows="3" placeholder="Describe this update for the activity history"></textarea>
        </div>
        {% endif %}

        <div class="form-actions full-width">
            {% if not lead %}<button class="btn" type="submit">&#128190; Save Lead</button>{% endif %}
            <a class="btn btn-sm" href="{{ url_for('leads.index') }}">Cancel</a>
        </div>
        </div>

        {% if lead %}
        <section class="lead-edit-activity">
            <h3>Add Activity &amp; Description</h3>
            <div class="form-group">
                <label>Activity Type</label>
                <input name="activity_type" placeholder="Call, email, meeting or note">
            </div>
            <div class="form-group">
                <label>Next Follow-up</label>
                <input name="activity_followup" type="datetime-local" min="{{ minimum_followup_at }}" data-future-followup>
                <small class="future-followup-error" data-future-followup-error hidden>Next follow-up must be in the future.</small>
            </div>
            <div class="form-group">
                <label>Description</label>
                <textarea name="activity_description" rows="6" placeholder="Add the latest interaction or update"></textarea>
            </div>
        </section>
        {% endif %}
    </form>

    {% if lead and is_super_admin %}
    <form method="post" action="{{ url_for('leads.delete', lead_id=lead.id) }}"
          onsubmit="return confirm('Delete this lead permanently?')">
        <button class="btn danger" type="submit">&#128465; Delete Lead</button>
    </form>
    {% endif %}
</div>

{% endblock %}