{% extends "base.html" %}

{% block title %}Services Suite{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-2 pb-3 mb-4 border-bottom">
    <h1 class="h2"><i class="fa-solid fa-briefcase text-warning me-2"></i>Commercial Telegram Services Suite</h1>
    <span class="badge bg-success fs-6"><i class="fa-solid fa-users me-1"></i>Active Accounts Available: {{ account_count }}</span>
</div>

<div class="card border-dark shadow-sm mb-4">
    <div class="card-header bg-dark text-white py-3">
        <h5 class="mb-0 fw-bold"><i class="fa-solid fa-magnifying-glass me-2"></i>Telegram ID & Poll Inspector</h5>
    </div>
    <div class="card-body">
        <p class="text-muted">Paste a channel/group username, numeric chat ID, or complete Telegram post/poll link.</p>
        <div class="input-group input-group-lg">
            <input type="text" class="form-control" id="inspectorReference"
                   placeholder="https://t.me/channel/1234 or @channel">
            <button type="button" class="btn btn-dark" id="inspectButton" onclick="inspectTelegramReference()">
                <i class="fa-solid fa-search me-1"></i>Find IDs & Poll Options
            </button>
        </div>
        <pre class="bg-dark text-success rounded p-3 mt-3 mb-0 d-none" id="inspectorOutput"
             style="white-space:pre-wrap;min-height:100px"></pre>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- Service 1: Channel Poll Voter -->
    <div class="col-md-6">
        <div class="card h-100 border-primary">
            <div class="card-header bg-primary text-white py-3">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-poll me-2"></i>1. Telegram Poll Voter Service</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">Mass vote on any Telegram Channel/Group Poll contest using all {{ account_count }} accounts.</p>
                <form action="{{ url_for('service_poll_vote') }}" method="POST">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Target Channel/Group Username *</label>
                        <input type="text" class="form-control" name="target_chat" placeholder="@mychannel or chat_id" required>
                    </div>
                    <div class="row g-2 mb-3">
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Poll Message ID *</label>
                            <input type="number" class="form-control" name="message_id" placeholder="e.g. 1234" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Option Index (0, 1, 2...)</label>
                            <input type="number" class="form-control" name="option_index" value="0" min="0" required>
                            <div class="form-text">0 = 1st Option, 1 = 2nd Option</div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="fa-solid fa-check-double me-1"></i>Execute Mass Poll Vote
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Service 2: Post Views Booster -->
    <div class="col-md-6">
        <div class="card h-100 border-success">
            <div class="card-header bg-success text-white py-3">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-eye me-2"></i>2. Channel Post Views Booster</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">Increase the eye icon view count on channel posts using all {{ account_count }} accounts.</p>
                <form action="{{ url_for('service_boost_views') }}" method="POST">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Target Channel Username *</label>
                        <input type="text" class="form-control" name="target_chat" placeholder="@mychannel" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Message IDs (Comma Separated) *</label>
                        <input type="text" class="form-control" name="message_ids" placeholder="101, 102, 103" required>
                        <div class="form-text">Enter post ID(s) to boost views.</div>
                    </div>
                    <button type="submit" class="btn btn-success w-100">
                        <i class="fa-solid fa-chart-line me-1"></i>Boost Post Views Now
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Service 3: Mass Channel/Group Joiner -->
    <div class="col-md-6">
        <div class="card h-100 border-info">
            <div class="card-header bg-info text-dark py-3">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-user-plus me-2"></i>3. Mass Channel Subscriber Booster</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">Make all {{ account_count }} accounts join a target channel/group to boost subscribers.</p>
                <form action="{{ url_for('service_mass_join') }}" method="POST">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Target Channel / Group Username *</label>
                        <input type="text" class="form-control" name="target_chat" placeholder="@targetchannel" required>
                    </div>
                    <button type="submit" class="btn btn-info text-dark w-100 fw-bold">
                        <i class="fa-solid fa-user-check me-1"></i>Mass Join Channel
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Service 4: Live Chat Spammer / Custom Commenter -->
    <div class="col-md-6">
        <div class="card h-100 border-warning">
            <div class="card-header bg-warning text-dark py-3">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-comments me-2"></i>4. Live Chat Custom Commenter</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">Send custom comments/messages into TG Live or Group chat using loaded accounts.</p>
                <form action="{{ url_for('service_live_comment') }}" method="POST">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Target Chat Username *</label>
                        <input type="text" class="form-control" name="target_chat" placeholder="@targetchat" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Custom Comments List (1 per line) *</label>
                        <textarea class="form-control" name="comments" rows="3" placeholder="Great stream!&#10;Awesome project!&#10;Hi everyone!" required></textarea>
                    </div>
                    <button type="submit" class="btn btn-warning text-dark w-100 fw-bold">
                        <i class="fa-solid fa-paper-plane me-1"></i>Send Live Comments
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Service 5: Bulk Profile Customizer -->
    <div class="col-md-6">
        <div class="card h-100 border-secondary">
            <div class="card-header bg-secondary text-white py-3">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-id-card me-2"></i>5. Bulk Profile Customizer (Brand Sync)</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">Assign a different natural human name to every loaded account, with an optional bio.</p>
                <form action="{{ url_for('service_bulk_profile') }}" method="POST">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Name Style</label>
                        <select class="form-select" name="name_mode">
                            <option value="random_human" selected>Unique Human Names (Automatic)</option>
                            <option value="custom">Same Custom First Name</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Custom First Name (only for custom mode)</label>
                        <input type="text" class="form-control" name="name_prefix" placeholder="e.g. Ninetech Member">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Bio Text</label>
                        <input type="text" class="form-control" name="bio_text" placeholder="Official Supporter Account">
                    </div>
                    <button type="submit" class="btn btn-secondary w-100">
                        <i class="fa-solid fa-user-pen me-1"></i>Update All Account Names
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Service 6: Group Member Scraper & Lead Exporter -->
    <div class="col-md-6">
        <div class="card h-100 border-danger">
            <div class="card-header bg-danger text-white py-3">
                <h5 class="mb-0 fw-bold"><i class="fa-solid fa-users-viewfinder me-2"></i>6. Group Member Scraper & Lead Exporter</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">Export public group member usernames for target marketing and leads generation.</p>
                <form action="{{ url_for('service_export_members') }}" method="POST">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Target Public Group Username *</label>
                        <input type="text" class="form-control" name="group_identifier" placeholder="@mygroup" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Max Members Limit</label>
                        <input type="number" class="form-control" name="limit" value="200" max="1000">
                    </div>
                    <button type="submit" class="btn btn-danger w-100">
                        <i class="fa-solid fa-download me-1"></i>Export Group Member Leads
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
async function inspectTelegramReference() {
    const reference = document.getElementById('inspectorReference').value.trim();
    const output = document.getElementById('inspectorOutput');
    const button = document.getElementById('inspectButton');
    if (!reference) return;
    output.classList.remove('d-none');
    output.textContent = 'Resolving Telegram reference...';
    button.disabled = true;
    try {
        const body = new URLSearchParams({reference});
        const response = await fetch('{{ url_for("service_inspect_target") }}', {
            method: 'POST',
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            body
        });
        const contentType = response.headers.get('content-type') || '';
        if (!contentType.includes('application/json')) {
            throw new Error(`Server returned HTTP ${response.status}. Restart Passenger and try again.`);
        }
        const result = await response.json();
        if (!result.success) throw new Error(result.message);
        const data = result.data;
        let text = `✅ ${result.message}\n\nChat: ${data.chat_title}\nChat ID: ${data.chat_id}`;
        if (data.chat_username) text += `\nUsername: ${data.chat_username}`;
        if (data.message_id !== null) text += `\nMessage/Poll ID: ${data.message_id}\nType: ${data.message_type}`;
        if (data.poll) {
            text += `\n\nPoll: ${data.poll.question}\nTotal votes: ${data.poll.total_voter_count}\nClosed: ${data.poll.is_closed ? 'Yes' : 'No'}\nOptions:`;
            data.poll.options.forEach(option => {
                text += `\n  [${option.index}] ${option.text} (${option.voter_count} votes)`;
            });
        }
        output.textContent = text;
    } catch (error) {
        output.textContent = '❌ ' + error.message;
    } finally {
        button.disabled = false;
    }
}
</script>
{% endblock %}