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

{% block content %}

<div class="page-head">
    <div>
        <h1>System Settings</h1>
        <p class="muted">Super-admin control panel</p>
    </div>
</div>

<section class="control-grid">
    <article class="control-panel">
        <h2>Lead Control</h2>
        <p>Search, assign, transfer, update or delete selected leads.</p>
        <div class="control-links">
            <a class="btn" href="{{ url_for('leads.index') }}">Manage Leads</a>
            <a class="btn btn-sm" href="{{ url_for('leads.create') }}">Add Lead</a>
            <a class="btn btn-sm" href="{{ url_for('leads.bulk_upload') }}">Import Leads</a>
            <a class="btn btn-sm" href="{{ url_for('leads.export', format='xlsx') }}">Export Leads</a>
        </div>
        <p class="muted">Use the selection boxes in Manage Leads for mass update, transfer, DND changes and mass delete.</p>
    </article>

    <article class="control-panel">
        <h2>Sales Control</h2>
        <p>Create, update, export or remove sales orders in one workspace.</p>
        <div class="control-links">
            <a class="btn" href="{{ url_for('sales.index') }}">Manage Sales</a>
            <a class="btn btn-sm" href="{{ url_for('sales.create') }}">Add Sale</a>
            <a class="btn btn-sm" href="{{ url_for('sales.bulk_import') }}">Import Sales</a>
            <a class="btn btn-sm" href="{{ url_for('sales.export', format='xlsx') }}">Export Sales</a>
        </div>
        <p class="muted">Use the selection boxes in Manage Sales for payment updates, reassignment and mass delete.</p>
    </article>

    <article class="control-panel">
        <h2>Employee &amp; User Control</h2>
        <p>Add employees, create login access, assign roles and export records.</p>
        <div class="control-links">
            <a class="btn" href="{{ url_for('employees.index') }}">Manage Employees</a>
            <a class="btn btn-sm" href="{{ url_for('employees.create') }}">Add Employee</a>
            <a class="btn btn-sm" href="{{ url_for('admin.users') }}">Manage Users</a>
            <a class="btn btn-sm" href="{{ url_for('employees.export', format='xlsx') }}">Export Employees</a>
        </div>
    </article>

    <article class="control-panel">
        <h2>Product &amp; Service Control</h2>
        <p>Maintain product groups, products, services and calculator scrip values.</p>
        <div class="control-links">
            <a class="btn" href="{{ url_for('products.index') }}">Manage Products</a>
            <a class="btn btn-sm" href="{{ url_for('products.create') }}">Add Product</a>
            <a class="btn btn-sm" href="{{ url_for('products.bulk_import') }}">Import Products</a>
            <a class="btn btn-sm" href="{{ url_for('products.export', format='xlsx') }}">Export Products</a>
        </div>
    </article>

    <article class="control-panel">
        <h2>Configuration</h2>
        <p>Manage dropdown values, reports and audit information.</p>
        <div class="control-links">
            <a class="btn" href="{{ url_for('settings.dropdowns') }}">Dropdown Values</a>
            <a class="btn btn-sm" href="{{ url_for('reports.index') }}">Reports</a>
            <a class="btn btn-sm" href="{{ url_for('security.logins') }}">Login Tracking</a>
        </div>
    </article>

    <article class="control-panel">
        <h2>License</h2>
        <p>Activate or review this installation's license and expiry date.</p>
        <div class="control-links">
            <a class="btn" href="{{ url_for('license.notifications') }}">Manage License</a>
        </div>
    </article>
</section>

<section class="panel" id="broadcast-settings">
    <h2>Broadcast Message Panel</h2>
    <form method="post" action="{{ url_for('settings.update_broadcast_font_size') }}" class="broadcast-font-control">
        <label for="broadcast-font-size">Message font size</label>
        <input id="broadcast-font-size" name="font_size" type="range" min="10" max="24" value="{{ broadcast_font_size }}" data-broadcast-font-size>
        <output data-broadcast-font-size-output>{{ broadcast_font_size }}px</output>
        <button class="btn btn-sm" type="submit">Save Size</button>
    </form>
    <form method="post" action="{{ url_for('settings.create_broadcast') }}" class="form-grid two">
        <div class="form-group">
            <label>Title</label>
            <input name="title" required>
        </div>
        <div class="form-group full-width">
            <label>Message</label>
            <textarea name="content" required></textarea>
        </div>
        <div class="form-actions full-width">
            <button class="btn" type="submit">Broadcast Update</button>
        </div>
    </form>

    {% if broadcasts %}
    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr><th>Title</th><th>Message</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
                {% for item in broadcasts %}
                <tr>
                    <td><input name="title" value="{{ item.title }}" form="broadcast-{{ item.id }}" required></td>
                    <td><textarea name="content" form="broadcast-{{ item.id }}" required>{{ item.content }}</textarea></td>
                    <td>{{ 'Active' if item.active else 'Hidden' }}</td>
                    <td>
                        <button class="btn btn-sm" type="submit" form="broadcast-{{ item.id }}">Save</button>
                        <form method="post" action="{{ url_for('settings.toggle_broadcast', message_id=item.id) }}">
                            <button class="btn btn-sm" type="submit">{{ 'Hide' if item.active else 'Show' }}</button>
                        </form>
                        <form method="post" action="{{ url_for('settings.delete_broadcast', message_id=item.id) }}" onsubmit="return confirm('Delete this broadcast?')">
                            <button class="btn btn-sm danger" type="submit">Delete</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% for item in broadcasts %}
    <form id="broadcast-{{ item.id }}" method="post" action="{{ url_for('settings.edit_broadcast', message_id=item.id) }}"></form>
    {% endfor %}
    {% endif %}
</section>

<section class="panel incentive-settings">
    <h2>Global Incentive Structure</h2>
    <p class="muted">Approved sales for the current month select the highest matching active tier. The resulting incentive is added to an employee's base salary in their dashboard view.</p>

    <form method="post" action="{{ url_for('settings.create_incentive_tier') }}" class="bulkbar">
        <input name="minimum_sales" type="number" min="0" step="0.01" placeholder="Minimum sales" required>
        <input name="maximum_sales" type="number" min="0" step="0.01" placeholder="Maximum sales (blank = no limit)">
        <input name="percentage" type="number" min="0" max="100" step="0.01" placeholder="Incentive %" required>
        <select name="status"><option value="active">Active</option><option value="inactive">Inactive</option></select>
        <button class="btn" type="submit">Add Tier</button>
    </form>

    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr><th>Minimum Sales</th><th>Maximum Sales</th><th>Incentive %</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
                {% for tier in tiers %}
                <tr>
                    <td><input name="minimum_sales" type="number" min="0" step="0.01" value="{{ tier.minimum_sales }}" form="tier-{{ tier.id }}"></td>
                    <td><input name="maximum_sales" type="number" min="0" step="0.01" value="{{ tier.maximum_sales or '' }}" form="tier-{{ tier.id }}"></td>
                    <td><input name="percentage" type="number" min="0" max="100" step="0.01" value="{{ tier.percentage }}" form="tier-{{ tier.id }}"></td>
                    <td><select name="status" form="tier-{{ tier.id }}"><option value="active" {% if tier.status == 'active' %}selected{% endif %}>Active</option><option value="inactive" {% if tier.status == 'inactive' %}selected{% endif %}>Inactive</option></select></td>
                    <td><button class="btn btn-sm" type="submit" form="tier-{{ tier.id }}">Save</button><button class="btn btn-sm danger" type="submit" form="tier-del-{{ tier.id }}">Delete</button></td>
                </tr>
                {% else %}
                <tr><td colspan="5" style="text-align:center;">No incentive tiers configured.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% for tier in tiers %}
    <form id="tier-{{ tier.id }}" method="post" action="{{ url_for('settings.update_incentive_tier', tier_id=tier.id) }}"></form>
    <form id="tier-del-{{ tier.id }}" method="post" action="{{ url_for('settings.delete_incentive_tier', tier_id=tier.id) }}" onsubmit="return confirm('Delete this incentive tier?')"></form>
    {% endfor %}
</section>

<section class="panel">
    <h2>Company Branding</h2>
    <div class="company-branding-settings">
        <form method="post" action="{{ url_for('settings.update_company_name') }}" enctype="multipart/form-data" class="bulkbar">
            <label>Topbar Company Name <input name="company_name" value="{{ company_name }}" maxlength="120" required></label>
            {% if company_logo %}<img class="company-logo-preview" src="{{ url_for('static', filename='uploads/branding/' ~ company_logo) }}" alt="Current company logo">{% endif %}
            <label>Company Logo <input name="company_logo" type="file" accept=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp" required></label>
            <button class="btn" type="submit">Update Company Branding</button>
        </form>
    </div>
</section>

{% endblock %}