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

{% block content %}

<div class="page-head">
    <h1>{{ 'Group Leads' if is_group_view else 'Lead Management' }}</h1>

    <div class="action-buttons">
        <button class="btn" type="button" data-lead-search-toggle aria-expanded="false">Show Search</button>
        <button class="btn btn-sm" type="button" onclick="document.getElementById('lead-column-panel').hidden = !document.getElementById('lead-column-panel').hidden">Customize Columns</button>
        {% if session.user.role != 'super_admin' %}
        <a class="btn" href="{{ url_for('leads.create') }}">Add Lead</a>
        {% endif %}
        {% if session.user.role == 'super_admin' %}
        <a class="btn" href="{{ url_for('leads.export', **dict(filters.to_dict(), format='xlsx')) }}">Export XLSX</a>
        <a class="btn" href="{{ url_for('leads.export', **dict(filters.to_dict(), format='csv')) }}">Export CSV</a>
        <a class="btn" href="{{ url_for('leads.bulk_upload') }}">Bulk Import</a>
        <a class="btn" href="{{ url_for('leads.create') }}">Add Lead</a>
        {% endif %}
    </div>
</div>

<div class="lead-search-strip">
    <div class="saved-searches">
        <strong>Saved searches</strong>
        {% for saved in saved_searches %}
        <span class="saved-search-item">
            <a href="{{ url_for('leads.run_saved_search', search_id=saved.id) }}">{{ saved.name }}</a>
            <form method="post" action="{{ url_for('leads.delete_saved_search', search_id=saved.id) }}">
                <button type="submit" title="Delete saved search" aria-label="Delete {{ saved.name }}">&times;</button>
            </form>
        </span>
        {% else %}
        <span class="muted">None yet</span>
        {% endfor %}
    </div>
    {% if active_filters %}
    <div class="active-search-summary"><strong>Showing:</strong> {{ active_filters|join(' · ') }}</div>
    <form method="post" action="{{ url_for('leads.save_search') }}" class="save-search-form">
        {% for key in filters.keys() %}
            {% for value in filters.getlist(key) %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endfor %}
        {% endfor %}
        <input name="name" placeholder="Name this search" maxlength="120" required>
        <button class="btn btn-sm" type="submit">&#128190; Save Search</button>
    </form>
    {% endif %}
</div>

<div class="panel" id="lead-column-panel" hidden>
    <form method="get">
        {% for key in filters.keys() if key != 'display_columns' %}
            {% for value in filters.getlist(key) %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endfor %}
        {% endfor %}
        <div class="table-wrap">
            <table class="modern-table column-picker-table">
                <thead>
                    <tr><th>Show</th><th>Column</th><th>Current State</th></tr>
                </thead>
                <tbody>
                    {% for column in available_columns %}
                    <tr>
                        <td><input type="checkbox" name="display_columns" value="{{ column }}" {% if column in display_columns %}checked{% endif %}></td>
                        <td>{{ column.replace('_', ' ').title() }}</td>
                        <td><span class="badge {{ 'badge-success' if column in display_columns else 'badge-warning' }}">{{ 'Visible' if column in display_columns else 'Hidden' }}</span></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="form-actions full-width">
            <button class="btn" type="submit">Apply Column Selection</button>
            <a class="btn btn-sm" href="{{ url_for('leads.index', scope='group') if is_group_view else url_for('leads.index') }}">Reset</a>
        </div>
    </form>
</div>

<div class="panel" data-lead-search-panel hidden>
    <form method="get" class="form-grid">
        {% if is_group_view %}<input type="hidden" name="scope" value="group">{% endif %}
        <div class="form-group">
            <label>Search Leads</label>
            <input name="q" value="{{ filters.get('q', '') }}" placeholder="Name, phone, email or company">
        </div>

        <div class="form-group">
            <label>Global Mobile Search</label>
            <input name="mobile" value="{{ filters.get('mobile', '') }}" placeholder="Exact phone or WhatsApp number" inputmode="tel">
        </div>

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

        <div class="form-group">
            <label>Priority</label>
            <select name="priority">
                <option value="">All</option>
                {% for p in priorities %}
                <option value="{{ p }}" {% if filters.get('priority') == p %}selected{% endif %}>{{ p|title }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Source</label>
            <select name="source">
                <option value="">All</option>
                {% for o in options.lead_source %}
                <option value="{{ o.value }}" {% if filters.get('source') == o.value %}selected{% endif %}>{{ o.label }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Product Checklist</label>
            <select name="product_interest">
                <option value="">All</option>
                {% for product in product_choices %}
                <option value="{{ product }}" {% if filters.get('product_interest') == product %}selected{% endif %}>{{ product }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>State</label>
            <input name="state" value="{{ filters.get('state', '') }}" placeholder="State">
        </div>

        <div class="form-group">
            <label>City</label>
            <input name="city" value="{{ filters.get('city', '') }}" placeholder="City">
        </div>

        <div class="form-group">
            <label>Language</label>
            <input name="language_preference" value="{{ filters.get('language_preference', '') }}" placeholder="Language">
        </div>

        {% if session.user.role == 'super_admin' %}
        <div class="form-group">
            <label>Assignment</label>
            <select name="assignment">
                <option value="">All leads</option>
                <option value="assigned" {% if filters.get('assignment') == 'assigned' %}selected{% endif %}>Assigned only</option>
                <option value="unassigned" {% if filters.get('assignment') == 'unassigned' %}selected{% endif %}>Unassigned / blank only</option>
            </select>
        </div>

        <div class="form-group">
            <label>Assigned To</label>
            <select name="assigned_to">
                <option value="">All</option>
                {% for u in users %}
                <option value="{{ u.id }}" {% if filters.get('assigned_to') == u.id|string %}selected{% endif %}>{{ u.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Lead Owner</label>
            <select name="lead_owner">
                <option value="">All</option>
                {% for u in users %}
                <option value="{{ u.id }}" {% if filters.get('lead_owner') == u.id|string %}selected{% endif %}>{{ u.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Find Blank / Null Field</label>
            <select name="blank_field">
                <option value="">Do not filter blanks</option>
                {% for value, label in [('assigned_to', 'Assigned To'), ('lead_owner', 'Lead Owner'), ('source', 'Source'), ('product_interest', 'Product'), ('state', 'State'), ('city', 'City'), ('language_preference', 'Language')] %}
                <option value="{{ value }}" {% if filters.get('blank_field') == value %}selected{% endif %}>{{ label }} is blank</option>
                {% endfor %}
            </select>
        </div>
        {% endif %}

        {% if is_group_view %}
        <div class="form-group">
            <label>Assigned To</label>
            <select name="assigned_to">
                <option value="">All my team</option>
                <option value="{{ session.user.id }}" {% if filters.get('assigned_to') == session.user.id|string %}selected{% endif %}>{{ session.user.name }} (You)</option>
                {% for member in team %}
                <option value="{{ member.id }}" {% if filters.get('assigned_to') == member.id|string %}selected{% endif %}>{{ member.name }}</option>
                {% endfor %}
            </select>
        </div>
        {% endif %}

        <div class="form-group">
            <label>DND</label>
            <select name="dnd_flag">
                <option value="">All</option>
                <option value="1" {% if filters.get('dnd_flag') == '1' %}selected{% endif %}>DND only</option>
                <option value="0" {% if filters.get('dnd_flag') == '0' %}selected{% endif %}>Non-DND only</option>
            </select>
        </div>

        <div class="form-group">
            <label>Created From</label>
            <input type="date" name="date_from" value="{{ filters.get('date_from', '') }}">
        </div>

        <div class="form-group">
            <label>Created To</label>
            <input type="date" name="date_to" value="{{ filters.get('date_to', '') }}">
        </div>

        <div class="form-group">
            <label>Follow-up From</label>
            <input type="date" name="followup_from" value="{{ filters.get('followup_from', '') }}">
        </div>

        <div class="form-group">
            <label>Follow-up To</label>
            <input type="date" name="followup_to" value="{{ filters.get('followup_to', '') }}">
        </div>

        <div class="form-group">
            <label>Per Page</label>
            <select name="per_page">
                {% for n in per_page_choices %}
                <option value="{{ n }}" {% if per_page == n %}selected{% endif %}>{{ n }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label>Sort By</label>
            <select name="sort">
                <option value="">Default</option>
                <option value="customer_name" {% if sort == 'customer_name' %}selected{% endif %}>Name</option>
                <option value="status" {% if sort == 'status' %}selected{% endif %}>Status</option>
                <option value="city" {% if sort == 'city' %}selected{% endif %}>City</option>
                <option value="priority" {% if sort == 'priority' %}selected{% endif %}>Priority</option>
                <option value="estimated_value" {% if sort == 'estimated_value' %}selected{% endif %}>Value</option>
                <option value="followup_date" {% if sort == 'followup_date' %}selected{% endif %}>Follow-up</option>
            </select>
        </div>

        <div class="form-actions full-width">
            <button class="btn" type="submit">Apply Filters</button>
            <a class="btn btn-sm" href="{{ url_for('leads.index', scope='group') if is_group_view else url_for('leads.index') }}">Reset</a>
        </div>
    </form>
</div>

{% if session.user.role == 'super_admin' %}
<form method="post" action="{{ url_for('leads.mass_action') }}" class="panel">
    <div class="bulkbar">
        <div class="bulk-lead-controls">
            <select name="bulk_action" data-bulk-lead-action>
                <option value="status">Update Status</option>
                <option value="priority">Update Priority</option>
                <option value="assign">Assign To</option>
                <option value="owner">Change Owner</option>
                <option value="source">Update Source</option>
                <option value="product_interest">Update Product</option>
                <option value="city">Update City</option>
                <option value="language_preference">Update Language</option>
                <option value="dnd">Set DND</option>
            </select>

            <select name="bulk_status" data-bulk-lead-value="status">
                {% for s in statuses %}<option value="{{ s }}">{{ s|title }}</option>{% endfor %}
            </select>

            <select name="bulk_priority" data-bulk-lead-value="priority">
                {% for p in priorities %}<option value="{{ p }}">{{ p|title }}</option>{% endfor %}
            </select>

            <select name="bulk_assigned_to" data-bulk-lead-value="assign">
                <option value="">Assign User</option>
                <option value="unassigned">Move to Unassigned</option>
                {% for u in users %}<option value="{{ u.id }}">{{ u.name }}</option>{% endfor %}
            </select>

            <select name="bulk_lead_owner" data-bulk-lead-value="owner">
                <option value="">Lead Owner</option>
                {% for u in users %}<option value="{{ u.id }}">{{ u.name }}</option>{% endfor %}
            </select>

            <select name="bulk_source" data-bulk-lead-value="source">
                <option value="">Select Source</option>
                {% for o in options.lead_source %}<option value="{{ o.value }}">{{ o.label }}</option>{% endfor %}
            </select>

            <select name="bulk_product_interest" data-bulk-lead-value="product_interest">
                <option value="">Select Product</option>
                {% for product in product_choices %}<option value="{{ product }}">{{ product }}</option>{% endfor %}
            </select>

            <input name="bulk_city" data-bulk-lead-value="city" placeholder="City">
            <input name="bulk_language_preference" data-bulk-lead-value="language_preference" placeholder="Language">

            <select name="bulk_dnd" data-bulk-lead-value="dnd">
                <option value="1">DND On</option>
                <option value="0">DND Off</option>
            </select>
        </div>

        <div class="lead-list-controls">
            <label class="bulk-per-page">Per page
                <select data-lead-per-page>
                    {% for n in per_page_choices %}
                    <option value="{{ n }}" {% if per_page == n %}selected{% endif %}>{{ n }}</option>
                    {% endfor %}
                </select>
            </label>

            <select data-lead-sort title="Sort leads">
                <option value="updated_at" {% if sort == 'updated_at' %}selected{% endif %}>Sort: Recently updated</option>
                <option value="customer_name" {% if sort == 'customer_name' %}selected{% endif %}>Sort: Name</option>
                <option value="status" {% if sort == 'status' %}selected{% endif %}>Sort: Status</option>
                <option value="city" {% if sort == 'city' %}selected{% endif %}>Sort: City</option>
                <option value="priority" {% if sort == 'priority' %}selected{% endif %}>Sort: Priority</option>
                <option value="estimated_value" {% if sort == 'estimated_value' %}selected{% endif %}>Sort: Value</option>
                <option value="followup_date" {% if sort == 'followup_date' %}selected{% endif %}>Sort: Follow-up</option>
            </select>
        </div>

        <button class="btn" type="submit" onclick="return confirm('Apply this mass action to the selected leads?')">Apply</button>
        <button class="btn danger" type="submit" name="action" value="delete"
            onclick="return confirm('Delete all selected leads permanently?')">Bulk Delete</button>
    </div>

    <p class="muted">{{ total }} leads found — page {{ page }} of {{ pages }}</p>

    <div class="table-wrap">
        <table class="modern-table">
            <thead>
                <tr>
                    <th><input type="checkbox" onclick="document.querySelectorAll('input[name=lead_ids]').forEach(cb => cb.checked = this.checked)"></th>
                    {% if 'customer_name' in display_columns %}<th>Name</th>{% endif %}
                    {% if 'phone' in display_columns %}<th>Phone</th>{% endif %}
                    {% if 'product_interest' in display_columns %}<th>Product</th>{% endif %}
                    {% if 'city' in display_columns %}<th>City</th>{% endif %}
                    {% if 'status' in display_columns %}<th>Status</th>{% endif %}
                    {% if 'priority' in display_columns %}<th>Priority</th>{% endif %}
                    {% if 'estimated_value' in display_columns %}<th>Value</th>{% endif %}
                    {% if 'assigned_name' in display_columns %}<th>Assigned</th>{% endif %}
                    {% if 'followup_date' in display_columns %}<th>Follow-up</th>{% endif %}
                </tr>
            </thead>
            <tbody>
                {% for l in leads %}
                <tr>
                    <td><input type="checkbox" name="lead_ids" value="{{ l.id }}"></td>
                    {% if 'customer_name' in display_columns %}
                    <td>
                        <a href="{{ url_for('leads.detail', lead_id=l.id, **filters.to_dict(flat=False)) }}"><strong>{{ l.customer_name }}</strong></a>
                        {% if l.company %}<br><small>{{ l.company }}</small>{% endif %}
                    </td>
                    {% endif %}
                    {% if 'phone' in display_columns %}
                    <td>
                        {{ l.phone or '-' }}
                        {% if l.alternate_phone %}<br><small>{{ l.alternate_phone }}</small>{% endif %}
                        {% if l.dnd_flag %}<br><span class="badge badge-danger">DND</span>{% endif %}
                    </td>
                    {% endif %}
                    {% if 'product_interest' in display_columns %}<td>{{ l.product_interest or '-' }}</td>{% endif %}
                    {% if 'city' in display_columns %}<td>{{ l.city or '-' }}</td>{% endif %}
                    {% if 'status' in display_columns %}<td><span class="badge">{{ l.status }}</span></td>{% endif %}
                    {% if 'priority' in display_columns %}<td><span class="badge badge-warning">{{ l.priority }}</span></td>{% endif %}
                    {% if 'estimated_value' in display_columns %}<td>₹{{ l.estimated_value or 0 }}</td>{% endif %}
                    {% if 'assigned_name' in display_columns %}<td>{{ l.assigned_name or '-' }}</td>{% endif %}
                    {% if 'followup_date' in display_columns %}<td>{{ l.followup_date or '-' }}</td>{% endif %}
                </tr>
                {% else %}
                <tr><td colspan="11" style="text-align:center;">No leads found.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if pages > 1 %}
    <div class="bulkbar">
        {% if page > 1 %}
        <a class="btn btn-sm" href="{{ url_for('leads.index', **dict(filters.to_dict(), page=page - 1)) }}">Previous</a>
        {% endif %}
        <span class="muted">Page {{ page }} of {{ pages }}</span>
        {% if page < pages %}
        <a class="btn btn-sm" href="{{ url_for('leads.index', **dict(filters.to_dict(), page=page + 1)) }}">Next</a>
        {% endif %}
    </div>
    {% endif %}
</form>
{% else %}
<{{ 'form' if is_group_view else 'div' }} class="panel"{% if is_group_view %} method="post" action="{{ url_for('leads.mass_action') }}"{% endif %}>
    {% if is_group_view %}
    <input type="hidden" name="scope" value="group">
    <div class="bulkbar">
        <div class="bulk-lead-controls">
            <select data-lead-status-filter title="View leads by status">
                <option value="">All statuses</option>
                {% for s in statuses %}<option value="{{ s }}" {% if filters.get('status') == s %}selected{% endif %}>{{ s|title }}</option>{% endfor %}
            </select>
            <select data-group-lead-user-filter title="View leads assigned to a team member">
                <option value="">From all team members</option>
                {% for member in team %}<option value="{{ member.id }}" {% if filters.get('assigned_to') == member.id|string %}selected{% endif %}>From {{ member.name }}</option>{% endfor %}
            </select>
            <select name="bulk_assigned_to" required>
                <option value="">Assign selected leads to</option>
                {% for member in team %}<option value="{{ member.id }}">{{ member.name }}</option>{% endfor %}
            </select>
            <input type="hidden" name="bulk_action" value="assign">
        </div>
        <button class="btn" type="submit"
            onclick="return confirm('Assign the selected leads to this team member?')">Assign</button>
    </div>
    <p class="muted">Filter by lead status or source member, then select leads and assign them within your team.</p>
    {% endif %}
    <div class="bulkbar">
        <div class="bulk-lead-controls">
            {% if not is_group_view %}
            <select data-lead-status-filter title="View leads by status">
                <option value="">All statuses</option>
                {% for s in statuses %}<option value="{{ s }}" {% if filters.get('status') == s %}selected{% endif %}>{{ s|title }}</option>{% endfor %}
            </select>
            {% endif %}
            <select data-lead-sort title="Sort leads">
                <option value="updated_at" {% if sort == 'updated_at' %}selected{% endif %}>Sort: Recently updated</option>
                <option value="customer_name" {% if sort == 'customer_name' %}selected{% endif %}>Sort: Name</option>
                <option value="status" {% if sort == 'status' %}selected{% endif %}>Sort: Status</option>
                <option value="city" {% if sort == 'city' %}selected{% endif %}>Sort: City</option>
                <option value="priority" {% if sort == 'priority' %}selected{% endif %}>Sort: Priority</option>
                <option value="estimated_value" {% if sort == 'estimated_value' %}selected{% endif %}>Sort: Value</option>
                <option value="followup_date" {% if sort == 'followup_date' %}selected{% endif %}>Sort: Follow-up</option>
            </select>
        </div>

        <label class="bulk-per-page">Per page
            <select data-lead-per-page>
                {% for n in per_page_choices %}
                <option value="{{ n }}" {% if per_page == n %}selected{% endif %}>{{ n }}</option>
                {% endfor %}
            </select>
        </label>
    </div>

    <p class="muted">{{ total }} {{ 'unassigned' if filters.get('assignment') == 'unassigned' else 'assigned' }} leads found — page {{ page }} of {{ pages }}</p>
    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr>
                {% if is_group_view %}<th><input type="checkbox" onclick="document.querySelectorAll('input[name=lead_ids]').forEach(cb =&gt; cb.checked = this.checked)"></th>{% endif %}
                {% if 'customer_name' in display_columns %}<th>Name</th>{% endif %}
                {% if 'phone' in display_columns %}<th>Phone</th>{% endif %}
                {% if 'product_interest' in display_columns %}<th>Product</th>{% endif %}
                {% if 'city' in display_columns %}<th>City</th>{% endif %}
                {% if 'status' in display_columns %}<th>Status</th>{% endif %}
                {% if 'priority' in display_columns %}<th>Priority</th>{% endif %}
                {% if 'estimated_value' in display_columns %}<th>Value</th>{% endif %}
                {% if 'assigned_name' in display_columns %}<th>Assigned</th>{% endif %}
                {% if 'followup_date' in display_columns %}<th>Follow-up</th>{% endif %}
                {% if is_group_view %}<th>Actions</th>{% endif %}
            </tr></thead>
            <tbody>
                {% for l in leads %}
                <tr>
                    {% if is_group_view %}<td><input type="checkbox" name="lead_ids" value="{{ l.id }}"></td>{% endif %}
                    {% if 'customer_name' in display_columns %}<td><a href="{{ url_for('leads.detail', lead_id=l.id, **filters.to_dict(flat=False)) }}"><strong>{{ l.customer_name }}</strong></a></td>{% endif %}
                    {% if 'phone' in display_columns %}<td>{{ l.phone or '-' }}</td>{% endif %}
                    {% if 'product_interest' in display_columns %}<td>{{ l.product_interest or '-' }}</td>{% endif %}
                    {% if 'city' in display_columns %}<td>{{ l.city or '-' }}</td>{% endif %}
                    {% if 'status' in display_columns %}<td><span class="badge">{{ l.status }}</span></td>{% endif %}
                    {% if 'priority' in display_columns %}<td><span class="badge badge-warning">{{ l.priority }}</span></td>{% endif %}
                    {% if 'estimated_value' in display_columns %}<td>₹{{ l.estimated_value or 0 }}</td>{% endif %}
                    {% if 'assigned_name' in display_columns %}<td>{{ l.assigned_name or '-' }}</td>{% endif %}
                    {% if 'followup_date' in display_columns %}<td>{{ l.followup_date or '-' }}</td>{% endif %}
                    {% if is_group_view %}
                    <td>
                        <a class="btn btn-sm" href="{{ url_for('leads.edit', lead_id=l.id) }}">&#9998; Edit Lead</a>
                    </td>
                    {% endif %}
                </tr>
                {% else %}
                <tr><td colspan="11" style="text-align:center;">{{ 'No leads found for your team.' if is_group_view else 'No leads are assigned to you.' }}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if pages > 1 %}
    <div class="bulkbar">
        {% if page > 1 %}<a class="btn btn-sm" href="{{ url_for('leads.index', **dict(filters.to_dict(), page=page - 1)) }}">Previous</a>{% endif %}
        <span class="muted">Page {{ page }} of {{ pages }}</span>
        {% if page < pages %}<a class="btn btn-sm" href="{{ url_for('leads.index', **dict(filters.to_dict(), page=page + 1)) }}">Next</a>{% endif %}
    </div>
    {% endif %}
</{{ 'form' if is_group_view else 'div' }}>
{% endif %}

{% endblock %}