{{-- Pilot-managed modal. Triggered when user clicks a Sell off button
     marked with data-pilot-managed="1". Renders inline, no page reload. --}}

<div id="pilot-managed-modal" class="pm-modal" role="dialog" aria-modal="true" aria-labelledby="pmm-title" aria-hidden="true" hidden>
    <div class="pm-modal__backdrop" data-pm-close></div>
    <div class="pm-modal__card" role="document">
        <div class="pm-modal__icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/>
                <path d="m3.3 7 8.7 5 8.7-5"/>
                <path d="M12 22V12"/>
            </svg>
        </div>
        <h3 id="pmm-title" class="pm-modal__title">Managed by your pilot</h3>
        <p class="pm-modal__body">This item is held by your pilot strategy. They will sell it for you automatically based on market conditions, no action needed from you.</p>
        <div class="pm-modal__actions">
            <button type="button" class="pm-modal__btn" data-pm-close>Got it</button>
        </div>
    </div>
</div>

<script>
(function() {
    'use strict';
    var modal = document.getElementById('pilot-managed-modal');
    if (!modal) return;

    function openModal() {
        modal.hidden = false;
        modal.classList.add('pm-modal--open');
        modal.setAttribute('aria-hidden', 'false');
        document.body.style.overflow = 'hidden';
    }
    function closeModal() {
        modal.classList.remove('pm-modal--open');
        modal.setAttribute('aria-hidden', 'true');
        modal.hidden = true;
        document.body.style.overflow = '';
    }

    // Intercept any click on a Sell off link with data-pilot-managed
    document.addEventListener('click', function(e) {
        var trigger = e.target.closest('[data-pilot-managed="1"]');
        if (!trigger) return;
        e.preventDefault();
        e.stopPropagation();
        openModal();
    }, true);

    // Close on backdrop click, Got it button, or Escape key
    modal.addEventListener('click', function(e) {
        if (e.target.closest('[data-pm-close]')) {
            closeModal();
        }
    });
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape' && modal.classList.contains('pm-modal--open')) {
            closeModal();
        }
    });
})();
</script>