{% extends "indy_hub/base.html" %}
{% load i18n %}
{% load static %}
{% block page_title %}{% trans "Request Blueprint Copy" %}{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'indy_hub/css/page_headers.css' %}">
<link rel="stylesheet" href="{% static 'indy_hub/css/bp_copy_list.css' %}?v=20260413-2335">
<link rel="stylesheet" href="{% static 'indy_hub/css/bp_copy_fulfill_page.css' %}?v=20260418-1400">
{% endblock %}
{% block content %}
<div class="container-fluid py-4 fulfill-page">
    {# Page Header #}
    <div class="page-header mb-4">
        <i class="fas fa-copy header-bg"></i>
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
            <div>
                <h2 class="h3 mb-1">
                    <i class="fas fa-copy me-2"></i>
                    {% trans "Request Blueprint Copy" %}
                </h2>
                <p class="description mb-0">{% trans "Browse shared originals and request the copies you need." %}</p>
            </div>
            <div class="d-flex gap-2">
                <a href="{% url 'indy_hub:bp_copy_my_requests' %}" class="btn btn-outline-light">
                    <i class="fas fa-list me-1"></i>{% trans "My Requests" %}
                </a>
                <a href="{% url 'indy_hub:index' %}" class="btn btn-outline-light">
                    <i class="fas fa-arrow-left me-1"></i>{% trans "Back to Overview" %}
                </a>
            </div>
        </div>
    </div>

    {# Results Counter & Filters #}
    <section class="mb-3">
        <div class="rp-toolbar">
            <div class="bp-request-counter">
                <span class="text-muted small">
                    <i class="fas fa-filter me-1"></i>
                    <strong>{{ page_obj.paginator.count }}</strong> {% trans "blueprint(s)" %}
                </span>
            </div>
            <div class="bp-request-sort d-flex align-items-center gap-2">
                <span class="bp-request-sort__label">
                    <i class="fas fa-sort me-1"></i>{% trans "Order by:" %}
                </span>
                <div class="btn-group btn-group-sm" role="group">
                    <button type="button" id="sort-name" class="btn btn-outline-secondary active" onclick="sortBlueprints('name')">
                        <i class="fas fa-sort-alpha-down me-1"></i>{% trans "Name" %}
                    </button>
                    <button type="button" id="sort-me" class="btn btn-outline-secondary" onclick="sortBlueprints('me')">
                        <i class="fas fa-industry me-1"></i>{% trans "ME" %}
                    </button>
                    <button type="button" id="sort-te" class="btn btn-outline-secondary" onclick="sortBlueprints('te')">
                        <i class="fas fa-stopwatch me-1"></i>{% trans "TE" %}
                    </button>
                </div>
            </div>
        </div>

        <div class="bp-request-filters fwp-section" style="padding: 0.75rem 0.85rem;">
            <form method="get" class="bp-request-filters__form">
                <div class="bp-request-filters__inputs">
                    <div class="bp-request-filters__field">
                        <label for="bp-request-search" class="bp-request-filters__label">
                            <i class="fas fa-search me-1"></i>{% trans "Search" %}
                        </label>
                        <input type="text" id="bp-request-search" name="search" value="{{ search }}" class="form-control" placeholder="{% trans 'Blueprint name...' %}">
                    </div>
                    <div class="bp-request-filters__field">
                        <label for="bp-request-min-me" class="bp-request-filters__label">
                            <i class="fas fa-industry me-1"></i>{% trans "Min ME" %}
                        </label>
                        <select id="bp-request-min-me" name="min_me" class="form-select">
                            <option value="">{% trans 'All' %}</option>
                            {% for me in me_options %}
                            <option value="{{ me }}" {% if min_me|stringformat:'s' == me|stringformat:'s' %}selected{% endif %}>{{ me }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="bp-request-filters__field">
                        <label for="bp-request-min-te" class="bp-request-filters__label">
                            <i class="fas fa-stopwatch me-1"></i>{% trans "Min TE" %}
                        </label>
                        <select id="bp-request-min-te" name="min_te" class="form-select">
                            <option value="">{% trans 'All' %}</option>
                            {% for te in te_options %}
                            <option value="{{ te }}" {% if min_te|stringformat:'s' == te|stringformat:'s' %}selected{% endif %}>{{ te }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="bp-request-filters__actions">
                    <button type="button" class="btn btn-warning" onclick="setMaxedOnly()">
                        <i class="fas fa-star me-1"></i>{% trans "Maxed Only" %}
                    </button>
                    <a href="{% url 'indy_hub:bp_copy_request_page' %}" class="btn btn-outline-secondary">
                        <i class="fas fa-undo me-1"></i>{% trans "Reset" %}
                    </a>
                </div>
            </form>
        </div>
    </section>

    {# Blueprint Grid #}
    <section class="bp-request-grid">
        {% if page_obj.object_list %}
        <div class="bp-request-grid__container">
            {% for bp in page_obj.object_list %}
            <div class="bp-request-card">
                <div class="d-flex flex-column h-100 gap-2">
                    <div class="bp-request-card__header">
                        <img
                            src="https://images.evetech.net/types/{{ bp.type_id }}/bp?size=64"
                            alt="{{ bp.type_name }}"
                            loading="lazy"
                            class="bp-request-card__icon"
                            onerror="this.onerror=null;this.src='https://images.evetech.net/types/{{ bp.type_id }}/icon?size=64'"
                        >
                        <div class="bp-request-card__info flex-grow-1 min-w-0">
                            <h3 class="bp-request-card__title text-truncate" title="{{ bp.type_name }}">{{ bp.type_name }}</h3>
                            <div class="bp-request-card__specs d-flex gap-1 flex-wrap">
                                <span class="spec-badge spec-badge--green spec-badge--compact">
                                    <i class="fas fa-industry"></i> {{ bp.material_efficiency }}
                                </span>
                                <span class="spec-badge spec-badge--green spec-badge--compact">
                                    <i class="fas fa-stopwatch"></i> {{ bp.time_efficiency }}
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="bp-request-card__inputs flex-grow-1 d-flex flex-column gap-2 justify-content-center">
                        {% if bp.copy_request_preview.max_runs_per_copy %}
                        <div class="small text-muted">
                            <i class="fas fa-hourglass-half me-1"></i>
                            {% trans "Max runs per copy" %}: {{ bp.copy_request_preview.max_runs_per_copy }}
                        </div>
                        {% endif %}
                    </div>

                    <button
                        type="button"
                        class="btn btn-sm bp-action bp-action--request w-100 js-copy-request-open"
                        data-bs-toggle="modal"
                        data-bs-target="#bpCopyRequestModal"
                        data-type-id="{{ bp.type_id }}"
                        data-type-name="{{ bp.type_name }}"
                        data-material-efficiency="{{ bp.material_efficiency }}"
                        data-time-efficiency="{{ bp.time_efficiency }}"
                        data-copy-base-time-seconds="{{ bp.copy_request_preview.copy_base_time_seconds|default:0 }}"
                        data-per-run-copy-seconds="{{ bp.copy_request_preview.per_run_copy_seconds|default:0 }}"
                        data-max-runs-per-copy="{{ bp.copy_request_preview.max_runs_per_copy|default:'' }}"
                    >
                        <i class="fas fa-paper-plane me-1"></i>{% trans "Request" %}
                    </button>
                </div>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <div class="bp-request-empty">
            <i class="fas fa-search"></i>
            <h3>{% trans "No blueprints found" %}</h3>
            <p>{% trans "Try adjusting your filters." %}</p>
        </div>
        {% endif %}
    </section>

    {# Pagination #}
    {% if page_obj.has_other_pages %}
    <nav aria-label="{% trans 'Blueprint pagination' %}" class="mt-4">
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-3 mb-3">
            <div class="d-flex align-items-center gap-2">
                <label for="bp-request-per-page" class="form-label mb-0 small text-muted">
                    <i class="fas fa-list-ol me-1"></i>{% trans "Per page" %}
                </label>
                <select id="bp-request-per-page" name="per_page" class="form-select form-select-sm" style="width: auto;" onchange="window.location.href='?page=1&search={{ search }}&min_me={{ min_me }}&min_te={{ min_te }}&per_page=' + this.value">
                    {% for pp in per_page_options %}
                    <option value="{{ pp }}" {% if per_page|stringformat:'s' == pp|stringformat:'s' %}selected{% endif %}>{{ pp }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="d-flex justify-content-center">
        <ul class="pagination mb-0">
            {% if page_obj.number == 1 %}
            <li class="page-item disabled"><span class="page-link">{% trans "First" %}</span></li>
            {% else %}
            <li class="page-item"><a class="page-link" href="?page=1&search={{ search }}&min_me={{ min_me }}&min_te={{ min_te }}&per_page={{ per_page }}">{% trans "First" %}</a></li>
            {% endif %}

            {% if page_obj.has_previous %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.previous_page_number }}&search={{ search }}&min_me={{ min_me }}&min_te={{ min_te }}&per_page={{ per_page }}">{% trans "Previous" %}</a></li>
            {% else %}
            <li class="page-item disabled"><span class="page-link">{% trans "Previous" %}</span></li>
            {% endif %}

            {% for item in page_range %}
                {% if item == "…" %}
                <li class="page-item disabled"><span class="page-link">…</span></li>
                {% else %}
                <li class="page-item {% if page_obj.number == item %}active{% endif %}">
                    <a class="page-link" href="?page={{ item }}&search={{ search }}&min_me={{ min_me }}&min_te={{ min_te }}&per_page={{ per_page }}">{{ item }}</a>
                </li>
                {% endif %}
            {% endfor %}

            {% if page_obj.has_next %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.next_page_number }}&search={{ search }}&min_me={{ min_me }}&min_te={{ min_te }}&per_page={{ per_page }}">{% trans "Next" %}</a></li>
            {% else %}
            <li class="page-item disabled"><span class="page-link">{% trans "Next" %}</span></li>
            {% endif %}

            {% if page_obj.number == page_obj.paginator.num_pages %}
            <li class="page-item disabled"><span class="page-link">{% trans "Last" %}</span></li>
            {% else %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.paginator.num_pages }}&search={{ search }}&min_me={{ min_me }}&min_te={{ min_te }}&per_page={{ per_page }}">{% trans "Last" %}</a></li>
            {% endif %}
        </ul>
        </div>
    </nav>
    {% endif %}
</div>

<div class="modal fade" id="bpCopyRequestModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="post" action="{% url 'indy_hub:bp_copy_request_create' %}" id="bpCopyRequestModalForm">
                {% csrf_token %}
                <div class="modal-header">
                    <div>
                        <h5 class="modal-title" id="bpCopyRequestModalTitle">{% trans "Request blueprint copy" %}</h5>
                        <div class="small text-muted" id="bpCopyRequestModalSubtitle"></div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
                </div>
                <div class="modal-body d-flex flex-column gap-3">
                    <input type="hidden" name="type_id" id="bpCopyRequestTypeId">
                    <input type="hidden" name="material_efficiency" id="bpCopyRequestMe">
                    <input type="hidden" name="time_efficiency" id="bpCopyRequestTe">

                    <div class="row g-3">
                        <div class="col-6">
                            <label for="bpCopyRequestCopies" class="form-label">{% trans "Copies" %}</label>
                            <input type="number" min="1" value="1" name="copies_requested" id="bpCopyRequestCopies" class="form-control">
                        </div>
                        <div class="col-6">
                            <label for="bpCopyRequestRuns" class="form-label">{% trans "Runs / copy" %}</label>
                            <input type="number" min="1" value="1" name="runs_requested" id="bpCopyRequestRuns" class="form-control">
                        </div>
                    </div>

                    <div class="rounded border p-3 bg-light-subtle">
                        <div class="small text-muted mb-1">{% trans "Estimated copy duration" %}</div>
                        <div class="fw-semibold" id="bpCopyRequestDurationValue">-</div>
                        <div class="small text-muted" id="bpCopyRequestDurationHint"></div>
                    </div>

                    <div class="rounded border p-3 bg-light-subtle" id="bpCopyRequestPriceBlock">
                        <div class="small text-muted mb-1">{% trans "Estimated copy price" %}</div>
                        <div class="fw-semibold" id="bpCopyRequestPriceValue">-</div>
                        <div class="small text-muted" id="bpCopyRequestPriceHint"></div>
                    </div>

                    <div class="alert alert-warning d-none mb-0" id="bpCopyRequestLaunchLimitAlert"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
                    <button type="submit" class="btn btn-primary" id="bpCopyRequestSubmitBtn">{% trans "Send request" %}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
const bpCopyRequestPriceEstimateUrl = '{% url "indy_hub:bp_copy_request_estimate" %}';
const bpCopyRequestPriceEstimateCache = new Map();

function sortBlueprints(sortBy) {
    const container = document.querySelector('.bp-request-grid__container');
    if (!container) return;

    // Update active state on buttons
    document.querySelectorAll('.bp-request-sort .btn').forEach(btn => {
        btn.classList.remove('active');
    });
    document.getElementById('sort-' + sortBy).classList.add('active');

    const cards = Array.from(container.querySelectorAll('.bp-request-card'));

    cards.sort((a, b) => {
        if (sortBy === 'name') {
            const nameA = a.querySelector('.bp-request-card__title').textContent.trim().toLowerCase();
            const nameB = b.querySelector('.bp-request-card__title').textContent.trim().toLowerCase();
            return nameA.localeCompare(nameB);
        } else if (sortBy === 'me') {
            const meA = parseInt(a.querySelector('.spec-badge:first-child').textContent.match(/\d+/)[0]);
            const meB = parseInt(b.querySelector('.spec-badge:first-child').textContent.match(/\d+/)[0]);
            return meB - meA;
        } else if (sortBy === 'te') {
            const teA = parseInt(a.querySelector('.spec-badge:last-child').textContent.match(/\d+/)[0]);
            const teB = parseInt(b.querySelector('.spec-badge:last-child').textContent.match(/\d+/)[0]);
            return teB - teA;
        }
        return 0;
    });

    cards.forEach(card => container.appendChild(card));
}

function formatDuration(totalSeconds) {
    const seconds = Math.max(0, parseInt(totalSeconds || 0, 10) || 0);
    if (!seconds) {
        return '-';
    }

    const days = Math.floor(seconds / 86400);
    const hours = Math.floor((seconds % 86400) / 3600);
    const minutes = Math.floor((seconds % 3600) / 60);
    const parts = [];

    if (days) parts.push(`${days}d`);
    if (hours) parts.push(`${hours}h`);
    if (minutes) parts.push(`${minutes}m`);
    if (!parts.length) parts.push(`${seconds}s`);

    return parts.join(' ');
}

function parseNumber(value) {
    const parsed = Number.parseFloat(value || '0');
    return Number.isFinite(parsed) ? parsed : 0;
}

function formatIsk(value) {
    const amount = Math.max(0, Math.ceil(parseNumber(value)));
    return `${new Intl.NumberFormat(undefined, { maximumFractionDigits: 0 }).format(amount)} ISK`;
}

function calculateCopyRequestPriceEstimate(modal, copies, runs) {
    if (!modal || modal.dataset.estimatedCopyPriceAvailable !== '1') {
        return null;
    }

    const unitValue = parseNumber(modal.dataset.estimatedCopyPriceUnitValue);
    const jobCostBasePercentRaw = modal.dataset.estimatedCopyPriceJobCostBasePercent;
    const systemCostIndexPercentRaw = modal.dataset.estimatedCopyPriceSystemCostIndexPercent;
    if (
        !jobCostBasePercentRaw
        || systemCostIndexPercentRaw === undefined
        || systemCostIndexPercentRaw === null
        || systemCostIndexPercentRaw === ''
    ) {
        return null;
    }
    const jobCostBasePercent = parseNumber(jobCostBasePercentRaw);
    const systemCostIndexPercent = parseNumber(systemCostIndexPercentRaw);
    const jobCostBonusPercent = parseNumber(modal.dataset.estimatedCopyPriceJobCostBonusPercent);
    const facilityTaxPercent = parseNumber(modal.dataset.estimatedCopyPriceFacilityTaxPercent);
    const sccSurchargePercent = parseNumber(modal.dataset.estimatedCopyPriceSccSurchargePercent);
    if (unitValue <= 0 || jobCostBasePercent <= 0) {
        return null;
    }

    const estimatedItemValue = unitValue * runs * copies;
    const jobCostBase = estimatedItemValue * (jobCostBasePercent / 100);
    const jobCostMultiplier = Math.max(0, 1 - (jobCostBonusPercent / 100));
    const adjustedJobCost = jobCostBase * (systemCostIndexPercent / 100) * jobCostMultiplier;
    const facilityTax = jobCostBase * (facilityTaxPercent / 100);
    const sccSurcharge = jobCostBase * (sccSurchargePercent / 100);
    const totalInstallationCost = adjustedJobCost + facilityTax + sccSurcharge;

    return Math.ceil(totalInstallationCost);
}

function clearCopyRequestPriceEstimate(modal) {
    modal.dataset.estimatedCopyPriceAvailable = '0';
    modal.dataset.estimatedCopyPriceUnitValue = '0';
    modal.dataset.estimatedCopyPriceJobCostBasePercent = '';
    modal.dataset.estimatedCopyPriceSystemCostIndexPercent = '';
    modal.dataset.estimatedCopyPriceJobCostBonusPercent = '0';
    modal.dataset.estimatedCopyPriceFacilityTaxPercent = '0';
    modal.dataset.estimatedCopyPriceSccSurchargePercent = '0';
}

function applyCopyRequestPriceEstimate(modal, payload) {
    const estimate = payload && payload.available ? payload.estimate || {} : null;
    if (!estimate) {
        clearCopyRequestPriceEstimate(modal);
        modal.dataset.estimatedCopyPriceLoading = '0';
        updateCopyRequestModalEstimates();
        return;
    }

    modal.dataset.estimatedCopyPriceAvailable = '1';
    modal.dataset.estimatedCopyPriceUnitValue = estimate.estimated_item_unit_value || '0';
    modal.dataset.estimatedCopyPriceJobCostBasePercent = estimate.job_cost_base_percent || '';
    modal.dataset.estimatedCopyPriceSystemCostIndexPercent = estimate.system_cost_index_percent ?? '';
    modal.dataset.estimatedCopyPriceJobCostBonusPercent = estimate.job_cost_bonus_percent || '0';
    modal.dataset.estimatedCopyPriceFacilityTaxPercent = estimate.facility_tax_percent || '0';
    modal.dataset.estimatedCopyPriceSccSurchargePercent = estimate.scc_surcharge_percent || '0';
    modal.dataset.estimatedCopyPriceLoading = '0';
    updateCopyRequestModalEstimates();
}

function loadCopyRequestPriceEstimate(modal) {
    const typeId = modal.dataset.typeId || '';
    const materialEfficiency = modal.dataset.materialEfficiency || '0';
    const timeEfficiency = modal.dataset.timeEfficiency || '0';
    const cacheKey = `${typeId}:${materialEfficiency}:${timeEfficiency}`;
    modal.dataset.estimatedCopyPriceRequestKey = cacheKey;
    clearCopyRequestPriceEstimate(modal);
    modal.dataset.estimatedCopyPriceLoading = '1';
    updateCopyRequestModalEstimates();

    if (bpCopyRequestPriceEstimateCache.has(cacheKey)) {
        applyCopyRequestPriceEstimate(modal, bpCopyRequestPriceEstimateCache.get(cacheKey));
        return;
    }

    const url = new URL(bpCopyRequestPriceEstimateUrl, window.location.origin);
    url.searchParams.set('type_id', typeId);
    url.searchParams.set('material_efficiency', materialEfficiency);
    url.searchParams.set('time_efficiency', timeEfficiency);

    fetch(url.toString(), {
        credentials: 'same-origin',
        headers: { 'X-Requested-With': 'XMLHttpRequest' },
    })
        .then(response => (response.ok ? response.json() : { available: false }))
        .then(payload => {
            bpCopyRequestPriceEstimateCache.set(cacheKey, payload);
            if (modal.dataset.estimatedCopyPriceRequestKey === cacheKey) {
                applyCopyRequestPriceEstimate(modal, payload);
            }
        })
        .catch(() => {
            if (modal.dataset.estimatedCopyPriceRequestKey === cacheKey) {
                applyCopyRequestPriceEstimate(modal, { available: false });
            }
        });
}

function updateCopyRequestModalEstimates() {
    const modal = document.getElementById('bpCopyRequestModal');
    if (!modal || !modal.dataset.typeId) {
        return;
    }

    const copies = Math.max(1, parseInt(document.getElementById('bpCopyRequestCopies').value || '1', 10) || 1);
    const runs = Math.max(1, parseInt(document.getElementById('bpCopyRequestRuns').value || '1', 10) || 1);
    const perRunCopySeconds = Math.max(0, parseInt(modal.dataset.perRunCopySeconds || '0', 10) || 0);
    const maxRunsPerCopy = parseInt(modal.dataset.maxRunsPerCopy || '0', 10) || 0;
    const totalDurationSeconds = perRunCopySeconds > 0 ? perRunCopySeconds * copies * runs : 0;

    document.getElementById('bpCopyRequestDurationValue').textContent = formatDuration(totalDurationSeconds);

    const durationHint = perRunCopySeconds > 0
        ? '{% trans "Base copy duration only. Character skill bonuses are not included." %}'
        : '{% trans "No copy-time estimate available for this blueprint yet." %}';
    document.getElementById('bpCopyRequestDurationHint').textContent = durationHint;

    const priceValue = document.getElementById('bpCopyRequestPriceValue');
    const priceHint = document.getElementById('bpCopyRequestPriceHint');
    if (modal.dataset.estimatedCopyPriceLoading === '1') {
        priceValue.textContent = '-';
        priceHint.textContent = '{% trans "Calculating estimated amount..." %}';
    } else {
        const estimatedPrice = calculateCopyRequestPriceEstimate(modal, copies, runs);
        if (estimatedPrice !== null && estimatedPrice > 0) {
            priceValue.textContent = formatIsk(estimatedPrice);
            priceHint.textContent = '{% trans "Estimated amount for information only. It can only be confirmed by the producer." %}';
        } else {
            priceValue.textContent = '-';
            priceHint.textContent = '{% trans "No reliable copy price estimate is available yet. Send a normal request instead." %}';
        }
    }

    const alertEl = document.getElementById('bpCopyRequestLaunchLimitAlert');
    const submitBtn = document.getElementById('bpCopyRequestSubmitBtn');
    if (maxRunsPerCopy > 0 && runs > maxRunsPerCopy) {
        alertEl.classList.remove('d-none');
        alertEl.textContent = `{% trans "This blueprint is limited to" %} ${maxRunsPerCopy} {% trans "run(s) per copy." %}`;
        submitBtn.disabled = true;
    } else {
        alertEl.classList.add('d-none');
        alertEl.textContent = '';
        submitBtn.disabled = false;
    }
}

// Auto-submit search filter with debounce
document.addEventListener('DOMContentLoaded', function() {
    const searchInput = document.getElementById('bp-request-search');
    const minMeSelect = document.getElementById('bp-request-min-me');
    const minTeSelect = document.getElementById('bp-request-min-te');
    const form = searchInput.closest('form');
    let debounceTimer;

    // Auto-submit on search input with debounce
    searchInput.addEventListener('input', function() {
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(function() {
            form.submit();
        }, 1000); // Wait 500ms after user stops typing
    });

    // Auto-submit on select change (instant)
    [minMeSelect, minTeSelect].forEach(select => {
        select.addEventListener('change', function() {
            form.submit();
        });
    });

    document.querySelectorAll('.js-copy-request-open').forEach(button => {
        button.addEventListener('click', function() {
            const modal = document.getElementById('bpCopyRequestModal');
            modal.dataset.typeId = this.dataset.typeId || '';
            modal.dataset.materialEfficiency = this.dataset.materialEfficiency || '0';
            modal.dataset.timeEfficiency = this.dataset.timeEfficiency || '0';
            modal.dataset.perRunCopySeconds = this.dataset.perRunCopySeconds || '0';
            modal.dataset.maxRunsPerCopy = this.dataset.maxRunsPerCopy || '';

            document.getElementById('bpCopyRequestModalTitle').textContent = this.dataset.typeName || '{% trans "Request blueprint copy" %}';
            document.getElementById('bpCopyRequestModalSubtitle').textContent = `ME ${this.dataset.materialEfficiency || 0} · TE ${this.dataset.timeEfficiency || 0}`;
            document.getElementById('bpCopyRequestTypeId').value = this.dataset.typeId || '';
            document.getElementById('bpCopyRequestMe').value = this.dataset.materialEfficiency || '0';
            document.getElementById('bpCopyRequestTe').value = this.dataset.timeEfficiency || '0';
            document.getElementById('bpCopyRequestCopies').value = '1';
            document.getElementById('bpCopyRequestRuns').value = '1';

            loadCopyRequestPriceEstimate(modal);
        });
    });

    const copyRequestModal = document.getElementById('bpCopyRequestModal');
    if (copyRequestModal) {
        copyRequestModal.addEventListener('hide.bs.modal', function() {
            if (copyRequestModal.contains(document.activeElement)) {
                document.activeElement.blur();
            }
        });
    }

    ['bpCopyRequestCopies', 'bpCopyRequestRuns'].forEach(id => {
        const input = document.getElementById(id);
        if (!input) return;
        input.addEventListener('input', updateCopyRequestModalEstimates);
    });
});

// Set maxed filters (ME=10, TE=20)
function setMaxedOnly() {
    document.getElementById('bp-request-min-me').value = '10';
    document.getElementById('bp-request-min-te').value = '20';
    document.querySelector('.bp-request-filters__form').submit();
}
</script>
{% endblock %}