{{--
    Unfollow Modal — single instance, opened by any [data-action="unfollow"]
    button on the listing page. Fields populated via JS from trigger
    data-* attributes.

    Triggered from:
      partials/pilot/follow-card.blade.php → button data-action="unfollow"

    On confirm: AJAX POST → /pilots/{id}/unfollow → JSON response.
      success: card animates out, count decrements, aggregate updates,
               main balance returns; if last follow, switches to Browse tab.
      error (OPEN_POSITIONS): inline detailed message kept until dismissed.
--}}
<div class="pt-modal pt-modal--danger" id="unfollow-modal" hidden role="dialog" aria-modal="true" aria-labelledby="unfollow-title">
    <div class="pt-modal__overlay" data-modal-close></div>

    <div class="pt-modal__dialog" role="document">
        <button class="pt-modal__close" type="button" data-modal-close aria-label="Close">
            <svg width="14" height="14" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
                <path stroke-linecap="round" d="M6 6l12 12M18 6L6 18"/>
            </svg>
        </button>

        <header class="pt-modal__head">
            <div class="pt-modal__avatar" id="unfollow-avatar">--</div>
            <div class="pt-modal__head-text">
                <p class="pt-modal__eyebrow">Unfollow pilot</p>
                <h2 class="pt-modal__title" id="unfollow-title">--</h2>
            </div>
        </header>

        <div class="pt-modal__body">
            <p class="pt-modal__copy">
                Future trades from this pilot's strategy will stop. Your follow wallet
                balance returns to your Main Wallet. You can follow again later.
            </p>

            <div class="pt-modal__return">
                <span class="pt-modal__return-label">Returns to Main Wallet</span>
                <span class="pt-modal__return-value" id="unfollow-return">$0.00</span>
            </div>

            <p class="pt-modal__error" id="unfollow-error" hidden></p>
        </div>

        <footer class="pt-modal__foot">
            <button type="button" class="pt-modal__btn pt-modal__btn--ghost" data-modal-close>Cancel</button>
            <button type="button" class="pt-modal__btn pt-modal__btn--danger" id="unfollow-submit">
                <span class="pt-modal__btn-text">Confirm unfollow</span>
            </button>
        </footer>
    </div>
</div>