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

{% block content %}

<div class="page-head">
    <h1>{{ lead.customer_name }}</h1>

    <div class="action-buttons">
        <span class="lead-position">{{ lead_position }} of {{ lead_total }}</span>
        <a class="btn btn-sm" href="{{ url_for('leads.detail', lead_id=previous_lead.id, **navigation_args) }}">Previous</a>
        <a class="btn btn-sm" href="{{ url_for('leads.detail', lead_id=next_lead.id, **navigation_args) }}">Next</a>
        <a class="btn" href="{{ url_for('leads.edit', lead_id=lead.id, **navigation_args) }}">&#9998; Edit Lead</a>
        <form method="post" action="{{ url_for('leads.update_status', lead_id=lead.id) }}" class="lead-status-quick-form">
            <select name="status" aria-label="Update lead status" onchange="this.form.submit()">
                {% for status in statuses %}
                <option value="{{ status }}" {% if lead.status == status %}selected{% endif %}>{{ status|title }}</option>
                {% endfor %}
            </select>
        </form>
                {% if session.user.role == 'super_admin' %}
        <form method="post" action="{{ url_for('leads.delete', lead_id=lead.id) }}"
              onsubmit="return confirm('Delete this lead permanently?')" style="display:inline;">
            <button class="btn danger" type="submit">&#128465; Delete</button>
        </form>
        {% endif %}
        <a class="btn" href="{{ url_for('leads.detail', lead_id=lead.id, schedule_callback=1, **navigation_args) }}">Schedule Callback</a>
        <a class="btn" href="{{ url_for('sales.create', lead_id=lead.id) }}">Create Sale</a>
    </div>
</div>

<div class="grid-2">
    <div class="panel">
        <h3>Lead Profile</h3>

        <dl class="lead-details">
            <div><dt>Mobile</dt><dd>{{ lead.phone or '-' }}</dd></div>
            <div><dt>Status</dt><dd><span class="badge">{{ lead.status }}</span></dd></div>
            <div><dt>Follow-up</dt><dd>{{ lead.followup_date or '-' }}</dd></div>
            <div><dt>Products Interested</dt><dd>{{ lead.product_interest or '-' }}</dd></div>
            <div><dt>Alternate Mobile</dt><dd>{{ lead.alternate_phone or '-' }}</dd></div>
            <div><dt>Email</dt><dd>{{ lead.email or '-' }}</dd></div>
            <div><dt>Company</dt><dd>{{ lead.company or '-' }}</dd></div>
            <div><dt>Product</dt><dd>{{ lead.product_name or '-' }}</dd></div>
            <div><dt>WhatsApp Number</dt><dd>{{ lead.whatsapp_number or '-' }}</dd></div>
            <div><dt>Language Preference</dt><dd>{{ lead.language_preference or '-' }}</dd></div>
            <div><dt>Source</dt><dd>{{ lead.source or '-' }}</dd></div>
            <div><dt>Priority</dt><dd>{{ lead.priority }}</dd></div>
            <div><dt>Location</dt><dd>{{ lead.city or '-' }}, {{ lead.state or '-' }}</dd></div>
            <div><dt>Investment / Lot</dt><dd>₹{{ lead.investment_size or 0 }} / {{ lead.lot_size or '-' }}</dd></div>
            <div><dt>Assigned To</dt><dd>{{ lead.assigned_name or '-' }}</dd></div>
            <div><dt>Lead Owner</dt><dd>{{ lead.owner_name or '-' }}</dd></div>
            <div><dt>DND</dt><dd>{{ 'Yes' if lead.dnd_flag else 'No' }}</dd></div>
        </dl>
    </div>

    <div class="panel form-card" id="callback-form" {% if request.args.get('schedule_callback') != '1' %}hidden{% endif %}>
        <h3>Schedule Callback</h3>
        <form method="post" action="{{ url_for('leads.callbacks') }}" class="form-grid" data-callback-schedule-form>
            <input type="hidden" name="lead_id" value="{{ lead.id }}">
            <div class="form-group">
                <label>Callback Date</label>
                <input name="due_date" type="date" min="{{ today_date }}" required>
            </div>
            <div class="form-group">
                <label>Callback Time</label>
                <div class="callback-time-selects">
                    <select name="due_hour" aria-label="Callback hour" required>
                        <option value="">Hour</option>
                        {% for hour in range(24) %}
                        <option value="{{ '%02d'|format(hour) }}">{{ '%02d'|format(hour) }}</option>
                        {% endfor %}
                    </select>
                    <span aria-hidden="true">:</span>
                    <select name="due_minute" aria-label="Callback minute" required>
                        <option value="">Minute</option>
                        {% for minute in range(0, 60, 5) %}
                        <option value="{{ '%02d'|format(minute) }}">{{ '%02d'|format(minute) }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>
            <p class="callback-time-error full-width" data-callback-time-error role="alert" hidden>The callback time must be in the future.</p>
            <div class="form-group full-width">
                <label>Callback Details</label>
                <textarea name="description" rows="3" placeholder="What should be discussed?"></textarea>
            </div>
            <div class="form-actions full-width">
                <button class="btn" type="submit">Save Callback</button>
            </div>
        </form>
    </div>

    <div class="panel">
        <h3>Add Activity</h3>

        <form method="post" class="form-grid">
            <div class="form-group">
                <label>Activity Type</label>
                <input name="activity_type" required>
            </div>

            <div class="form-group">
                <label>Next Follow-up</label>
                <input name="next_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 full-width">
                <label>Description</label>
                <textarea name="description"></textarea>
            </div>

            <div class="form-actions full-width">
                <button class="btn" type="submit">Add Activity</button>
            </div>
        </form>
    </div>
</div>

<div class="panel lead-description">
    <h3>Description</h3>
    <p>{{ lead.notes or 'No lead description has been added.' }}</p>
</div>

{% if session.user.role == 'super_admin' %}
<div class="panel">
    <h3>History</h3>

    <div class="table-wrap">
        <table class="modern-table">
            <thead>
                <tr>
                    <th>Type</th>
                    <th>Description</th>
                    <th>By</th>
                    <th>Next Follow-up</th>
                    <th>Created</th>
                </tr>
            </thead>
            <tbody>
                {% for a in activities %}
                <tr>
                    <td>{{ a.activity_type }}</td>
                    <td>{{ a.description }}</td>
                    <td>{{ a.user_name or '-' }}</td>
                    <td>{{ a.next_followup or '-' }}</td>
                    <td>{{ a.created_at }}</td>
                </tr>
                {% else %}
                <tr><td colspan="5" style="text-align:center;">No activity recorded yet.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

{% if session.user.role != 'super_admin' %}
<div class="panel">
    <h3>Update History</h3>
    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr><th>Type</th><th>Description</th><th>By</th><th>Created</th></tr></thead>
            <tbody>
                {% for a in activities %}
                <tr><td>{{ a.activity_type }}</td><td>{{ a.description }}</td><td>{{ a.user_name or '-' }}</td><td>{{ a.created_at }}</td></tr>
                {% else %}
                <tr><td colspan="4" style="text-align:center;">No activity recorded yet.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

<div class="panel">
    <h3>Linked Sales Orders</h3>

    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr><th>Order</th><th>Date</th><th>Amount</th><th>Payment</th></tr></thead>
            <tbody>
                {% for s in sales %}
                <tr>
                    <td><a href="{{ url_for('sales.detail', sale_id=s.id) }}">#{{ s.id }}</a></td>
                    <td>{{ s.sale_date }}</td>
                    <td>₹{{ s.amount or 0 }}</td>
                    <td><span class="badge">{{ s.payment_status }}</span></td>
                </tr>
                {% else %}
                <tr><td colspan="4" style="text-align:center;">No sales orders linked to this lead.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% endblock %}