{% extends "industry_reforged/base.html" %}
{% load i18n humanize %}
{% load industry_tags %}

{% block details %}
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12 d-flex justify-content-between align-items-center">
            <h3><i class="fas fa-cogs"></i> {% trans "Director Configurations" %}</h3>
            <a href="{% url 'industry_reforged:director_dashboard' %}" class="btn btn-primary"><i class="fas fa-arrow-left"></i> {% trans "Back" %}</a>
        </div>
        <p class="text-muted">{% trans "Set corporate rules for production, material efficiency, and pricing overrides." %}</p>
    </div>

    <div class="row mb-3">
        <div class="col-12 text-end">
            <a href="{% url 'industry_reforged:add_corporate_token' %}" class="btn btn-outline-primary me-2"><i class="fas fa-key"></i> {% trans "Grant Corp Token" %}</a>
            <a href="{% url 'industry_reforged:director_discover_hangars' %}" class="btn btn-outline-success show-loader"><i class="fas fa-search"></i> {% trans "Discover Hangars" %}</a>
        </div>
    </div>

    <!-- Nav tabs -->
    <ul class="nav nav-tabs mb-4" id="configTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="items-tab" data-bs-toggle="tab" data-bs-target="#items" type="button" role="tab" aria-controls="items" aria-selected="true">
                <i class="fas fa-cubes"></i> {% trans "Item Configurations" %}
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="pricing-tab" data-bs-toggle="tab" data-bs-target="#pricing" type="button" role="tab" aria-controls="pricing" aria-selected="false">
                <i class="fas fa-tags"></i> {% trans "Global Pricing" %}
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="discounts-tab" data-bs-toggle="tab" data-bs-target="#discounts" type="button" role="tab" aria-controls="discounts" aria-selected="false">
                <i class="fas fa-percent"></i> {% trans "Type Discounts" %}
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="hangars-tab" data-bs-toggle="tab" data-bs-target="#hangars" type="button" role="tab" aria-controls="hangars" aria-selected="false">
                <i class="fas fa-warehouse"></i> {% trans "Hangar Configurations" %}
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="health-tab" data-bs-toggle="tab" data-bs-target="#health" type="button" role="tab" aria-controls="health" aria-selected="false">
                <i class="fas fa-heartbeat"></i> {% trans "System Health" %}
            </button>
        </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content" id="configTabsContent">

        <!-- ITEM CONFIGS TAB -->
        <div class="tab-pane fade show active" id="items" role="tabpanel" aria-labelledby="items-tab">
            <div class="card border-0 mb-4 shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center bg-light">
                    <h5 class="card-title mb-0"><i class="fas fa-cogs text-primary"></i> {% trans "Specific Item Rules" %}</h5>
                    <a href="{% url 'industry_reforged:director_config_item_add' %}" class="btn btn-sm btn-primary"><i class="fas fa-plus"></i> {% trans "Add Item Rule" %}</a>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover m-0 align-middle">
                            <thead class="table-dark">
                                <tr>
                                    <th>Item</th>
                                    <th>BOM Strategy</th>
                                    <th class="text-end">ME/TE</th>
                                    <th class="text-end">Price Override</th>
                                    <th class="text-end">Threshold</th>
                                    <th class="text-center">Auto Produce</th>
                                    <th class="text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for config in configs %}
                                <tr>
                                    <td>
                                        <div class="d-flex align-items-center">
                                            <img onerror="this.onerror=null; this.src='https://images.evetech.net/types/3514/icon?size=32';" src="https://images.evetech.net/types/{{ config.item_type.id }}/icon?size=32" alt="{{ config.item_type.name }}" width="32" height="32" class="me-3 rounded bg-dark">
                                            <span class="fw-bold">{{ config.item_type.name }}</span>
                                        </div>
                                    </td>
                                    <td>
                                        <span class="badge {% if config.build_or_buy == 'BUILD' %}bg-primary{% else %}bg-secondary{% endif %}">
                                            {{ config.get_build_or_buy_display }}
                                        </span>
                                        <small class="d-block text-muted mt-1">{{ config.get_bom_source_display }}</small>
                                    </td>
                                    <td class="text-end numeric">ME: {{ config.manual_me }}%<br>TE: {{ config.manual_te }}%</td>
                                    <td class="text-end numeric text-warning fw-bold">{% if config.manual_price %}{{ config.manual_price|eve_isk }}{% else %}<span class="text-muted fw-normal"><em>Auto (Fuzzwork)</em></span>{% endif %}</td>
                                    <td class="text-end numeric">{{ config.target_threshold|intcomma }}</td>
                                    <td class="text-center">{% if config.auto_produce %}<i class="fas fa-check text-success"></i>{% else %}<i class="fas fa-times text-danger"></i>{% endif %}</td>
                                    <td class="text-end">
                                        <a href="{% url 'industry_reforged:director_config_item_edit' config.id %}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
                                        <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteConfirmModal" data-bs-delete-url="{% url 'industry_reforged:director_config_item_delete' config.id %}"><i class="fas fa-trash"></i></button>
                                    </td>
                                </tr>
                                {% empty %}
                                <tr><td colspan="7" class="text-center text-muted p-4">{% trans "No item rules configured. Global defaults apply." %}</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- GLOBAL PRICING TAB -->
        <div class="tab-pane fade" id="pricing" role="tabpanel" aria-labelledby="pricing-tab">
            <div class="card border-0 mb-4 shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center bg-light">
                    <h5 class="card-title mb-0"><i class="fas fa-tags text-primary"></i> {% trans "Global Pricing Configuration" %}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted text-uppercase mb-1">{% trans "Default Corporate Discount" %}</h6>
                            <p class="fs-4 mb-0 fw-bold">
                                {% if pricing_config.default_discount_percent > 0 %}
                                    <span class="text-success">{{ pricing_config.default_discount_percent }}% OFF</span>
                                {% else %}
                                    0% (Jita Price)
                                {% endif %}
                            </p>
                            <h6 class="text-muted text-uppercase mb-1 mt-3">{% trans "Builder Reward" %}</h6>
                            <p class="fs-5 mb-0 fw-bold text-warning">
                                {{ pricing_config.builder_reward_percent }}%
                            </p>
                            <small class="text-muted">{% trans "Applied automatically to all member orders and tasks unless overridden." %}</small>
                            <div class="mt-2">
                                <a href="{% url 'industry_reforged:director_config_pricing_edit' %}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i> {% trans "Edit Pricing" %}</a>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <h6 class="text-muted text-uppercase mb-1">{% trans "System Taxes & Fees" %}</h6>
                            <p class="fs-5 mb-0">
                                <strong>{% trans "Industry Tax Rate" %}:</strong> {{ tax_config.industry_tax_rate }}%<br>
                                <strong>{% trans "Broker Fee Rate" %}:</strong> {{ tax_config.broker_fee_rate }}%
                            </p>
                            <small class="text-muted">{% trans "Used to calculate realistic build costs and margins." %}</small>
                            <div class="mt-2">
                                <a href="{% url 'industry_reforged:director_config_tax_edit' %}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i> {% trans "Edit Taxes" %}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- TYPE DISCOUNTS TAB -->
        <div class="tab-pane fade" id="discounts" role="tabpanel" aria-labelledby="discounts-tab">
            <div class="card border-0 shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center bg-light">
                    <h5 class="card-title mb-0"><i class="fas fa-percent text-success"></i> {% trans "Type Discounts" %}</h5>
                    <a href="{% url 'industry_reforged:director_config_discount_add' %}" class="btn btn-sm btn-success"><i class="fas fa-plus"></i> {% trans "Add Discount" %}</a>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover m-0">
                            <thead>
                                <tr>
                                    <th>{% trans "Type / Group" %}</th>
                                    <th>{% trans "Rule Type" %}</th>
                                    <th class="text-end">{% trans "Discount %" %}</th>
                                    <th class="text-end">{% trans "Actions" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for d in type_discounts %}
                                <tr>
                                    <td>
                                        {% if d.eve_type %}
                                        <div class="d-flex align-items-center">
                                            <img onerror="this.onerror=null; this.src='https://images.evetech.net/types/3514/icon?size=32';" src="https://images.evetech.net/types/{{ d.eve_type.id }}/icon?size=32" alt="{{ d.eve_type.name }}" width="24" height="24" class="me-2 rounded bg-dark">
                                            <span>{{ d.eve_type.name }}</span>
                                        </div>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <span class="badge bg-primary">Specific Type</span>
                                    </td>
                                    <td class="text-end numeric text-success">-{{ d.discount_percent }}%</td>
                                    <td class="text-end">
                                        <a href="{% url 'industry_reforged:director_config_discount_edit' d.id %}" class="btn btn-sm btn-secondary"><i class="fas fa-edit"></i></a>
                                        <button type="button" class="btn btn-sm btn-outline-danger ms-1" data-bs-toggle="modal" data-bs-target="#deleteConfirmModal" data-bs-delete-url="{% url 'industry_reforged:director_config_discount_delete' d.id %}"><i class="fas fa-trash"></i></button>
                                    </td>
                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="4" class="text-center text-muted py-3">{% trans "No specific discounts configured. Everyone pays full price (or markup)." %}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- HANGARS TAB -->
        <div class="tab-pane fade" id="hangars" role="tabpanel" aria-labelledby="hangars-tab">
            <div class="card border-0 shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center bg-light">
                    <h5 class="card-title mb-0"><i class="fas fa-warehouse text-info"></i> {% trans "Tracked Hangars" %}</h5>
                    <a href="{% url 'industry_reforged:director_discover_hangars' %}" class="btn btn-sm btn-info show-loader"><i class="fas fa-search"></i> {% trans "Discover Hangars" %}</a>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover m-0">
                            <thead>
                                <tr>
                                    <th>{% trans "Hangar Name/Flag" %}</th>
                                    <th>{% trans "Location ID" %}</th>
                                    <th>{% trans "Status" %}</th>
                                    <th class="text-end">{% trans "Actions" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for hangar in hangars %}
                                <tr>
                                    <td>{{ hangar.description|default:hangar.flag_id }}</td>
                                    <td class="numeric">{{ hangar.location_id }}</td>
                                    <td>
                                        {% if hangar.is_active %}
                                        <span class="badge bg-success">{% trans "Active" %}</span>
                                        {% else %}
                                        <span class="badge bg-secondary">{% trans "Disabled" %}</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-end">
                                        <form method="post" action="{% url 'industry_reforged:director_config_hangar_toggle' hangar.id %}" class="d-inline">
                                            {% csrf_token %}
                                            {% if hangar.is_active %}
                                            <button type="submit" class="btn btn-sm btn-outline-warning"><i class="fas fa-power-off"></i> {% trans "Disable" %}</button>
                                            {% else %}
                                            <button type="submit" class="btn btn-sm btn-outline-success"><i class="fas fa-power-off"></i> {% trans "Enable" %}</button>
                                            {% endif %}
                                        </form>
                                    </td>
                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="4" class="text-center text-muted py-3">
                                        {% trans "No hangars discovered. Click 'Discover Hangars' to scan your corporate assets." %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        <div class="p-3 bg-dark text-muted small">
                            <i class="fas fa-info-circle"></i> {% trans "Hangars must be active to be included in inventory syncs." %}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- SYSTEM HEALTH TAB -->
        <div class="tab-pane fade" id="health" role="tabpanel" aria-labelledby="health-tab">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-light">
                    <h5 class="card-title mb-0"><i class="fas fa-heartbeat text-danger"></i> {% trans "Background Task Logs" %}</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover m-0 align-middle">
                            <thead class="table-dark">
                                <tr>
                                    <th>{% trans "Task Name" %}</th>
                                    <th>{% trans "Status" %}</th>
                                    <th>{% trans "Last Run" %}</th>
                                    <th class="text-end">{% trans "Duration" %}</th>
                                    <th>{% trans "Message" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for log in task_logs %}
                                <tr>
                                    <td class="fw-bold">{{ log.task_name }}</td>
                                    <td>
                                        {% if log.status == 'SUCCESS' %}
                                            <span class="badge bg-success">Success</span>
                                        {% elif log.status == 'FAILED' %}
                                            <span class="badge bg-danger">Failed</span>
                                        {% else %}
                                            <span class="badge bg-warning text-dark">Running</span>
                                        {% endif %}
                                    </td>
                                    <td>{{ log.last_run|naturaltime }}</td>
                                    <td class="text-end numeric">{{ log.duration_seconds|floatformat:2 }}s</td>
                                    <td>
                                        {% if log.status == 'FAILED' and log.message %}
                                            <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="popover" title="Error Details" data-bs-content="{{ log.message }}">
                                                <i class="fas fa-exclamation-triangle"></i> View Error
                                            </button>
                                        {% else %}
                                            <span class="text-muted small">{{ log.message|truncatechars:50 }}</span>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% empty %}
                                <tr><td colspan="5" class="text-center text-muted p-4">{% trans "No tasks have run yet." %}</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- Generic Delete Confirmation Modal -->
<div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteConfirmModalLabel">{% trans "Confirm Deletion" %}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
            </div>
            <div class="modal-body">
                {% trans "Are you sure you want to delete this rule? This action cannot be undone." %}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
                <a href="#" id="deleteConfirmBtn" class="btn btn-danger">{% trans "Delete" %}</a>
            </div>
        </div>
    </div>
</div>

{% endblock %}


{% block extra_javascript %}
{{ block.super }}
<script>
    document.addEventListener("DOMContentLoaded", function() {
        var deleteModal = document.getElementById('deleteConfirmModal');
        if (deleteModal) {
            deleteModal.addEventListener('show.bs.modal', function (event) {
                var button = event.relatedTarget;
                var deleteUrl = button.getAttribute('data-bs-delete-url');
                var confirmBtn = deleteModal.querySelector('#deleteConfirmBtn');
                confirmBtn.href = deleteUrl;
            });
        }

        var hash = window.location.hash;
        if (hash) {
            var triggerEl = document.querySelector('button[data-bs-target="' + hash + '"]');
            if (triggerEl) {
                var tab = new bootstrap.Tab(triggerEl);
                tab.show();
            }
        }
    });
</script>
{% endblock %}