<!-- Re-link to Civitai Modal -->
<div id="relinkCivitaiModal" class="modal">
    <div class="modal-content">
        <button class="close" onclick="modalManager.closeModal('relinkCivitaiModal')">&times;</button>
        <h2>{{ t('modals.relinkCivitai.title') }}</h2>
        <div class="warning-box">
            <i class="fas fa-exclamation-triangle"></i>
            <p><strong>{{ t('modals.relinkCivitai.warning') }}</strong> {{ t('modals.relinkCivitai.warningText') }}</p>
            <ul>
                <li>{{ t('modals.relinkCivitai.warningList.overrideMetadata') }}</li>
                <li>{{ t('modals.relinkCivitai.warningList.modifyHash') }}</li>
                <li>{{ t('modals.relinkCivitai.warningList.unintendedConsequences') }}</li>
            </ul>
            <p>{{ t('modals.relinkCivitai.proceedText') }}</p>
        </div>
        <div class="input-group">
            <label for="civitaiModelUrl">{{ t('modals.relinkCivitai.urlLabel') }}</label>
            <input type="text" id="civitaiModelUrl" placeholder="{{ t('modals.relinkCivitai.urlPlaceholder') }}" />
            <div class="input-error" id="civitaiModelUrlError"></div>
            <div class="input-help">
                {{ t('modals.relinkCivitai.helpText.title') }}<br>
                • {{ t('modals.relinkCivitai.helpText.format1') }}<br>
                • {{ t('modals.relinkCivitai.helpText.format2') }}<br>
                • {{ t('modals.relinkCivitai.helpText.format3') }}<br>
                • {{ t('modals.relinkCivitai.helpText.format4') }}<br>
                <em>{{ t('modals.relinkCivitai.helpText.note') }}</em>
            </div>
        </div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="modalManager.closeModal('relinkCivitaiModal')">{{ t('common.actions.cancel') }}</button>
            <button class="confirm-btn" id="confirmRelinkBtn">{{ t('modals.relinkCivitai.confirmAction') }}</button>
        </div>
    </div>
</div>