import glob
import re

proper_modal = """
    <!-- Bible Dipping Widget -->
    <div id="bible-widget-btn" title="Bible Dipping">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm-1 13H7V6h13v11zM5 18H4V6H3v13a2 2 0 0 0 2 2h16v-1H5a1 1 0 0 1 0-2z"/><rect x="10" y="8" width="8" height="2"/><rect x="10" y="11" width="8" height="2"/><rect x="10" y="14" width="5" height="2"/></svg>
    </div>

    <div id="bible-modal">
        <button id="bible-modal-close">&times;</button>
        
        <audio id="bible-audio" src="assets/audio/bible-music.mp3" loop></audio>

        <div id="bible-input-container">
            <h2 id="bible-input-title">Seek the Word</h2>
            <p id="bible-input-desc">Enter a page number to dip into the Bible, or pick randomly.</p>
            <div style="display: flex; gap: 1rem; justify-content: center; align-items: center; flex-wrap: wrap;">
                <input type="number" id="bible-page-input" class="bible-input-box" placeholder="Page #" min="1" max="1200">
                <button id="bible-btn-open" class="bible-action-btn">Open Page</button>
                <span style="color: #e6c888; font-family: 'Instrument Sans'; font-style: italic;">or</span>
                <button id="bible-btn-random" class="bible-action-btn">Randomize</button>
            </div>
        </div>

        <div id="bible-flip-container">
            <div class="bible-book">
                <div class="bible-page-anim"></div>
                <div class="bible-page-anim"></div>
                <div class="bible-page-anim"></div>
                <div class="bible-page-anim"></div>
                <div class="bible-page-anim"></div>
                <div class="bible-page-anim"></div>
            </div>
            <div id="bible-flip-hint">Click anywhere to stop</div>
        </div>

        <div id="bible-reveal-container">
            <div class="bible-quote-text" id="bible-quote-text">...</div>
            <div class="bible-quote-ref" id="bible-quote-ref">...</div>
        </div>
    </div>
"""

for filepath in glob.glob('*.html'):
    with open(filepath, 'r', encoding='utf-8') as f:
        content = f.read()

    # Clean up double </body> tags
    content = re.sub(r'</body>\s*</body>', '</body>', content)

    # Remove existing bible widget and modal
    content = re.sub(r'<!-- Bible Dipping Widget -->.*?</div>\s*</div>\s*</div>\s*</div>', '', content, flags=re.DOTALL)
    # Some files might have it slightly different due to corruption, just wipe it all
    content = re.sub(r'<div id="bible-widget-btn".*?<div class="bible-quote-ref".*?</div>\s*</div>\s*</div>', '', content, flags=re.DOTALL)
    content = re.sub(r'<div id="bible-widget-btn".*?</div>', '', content, flags=re.DOTALL)
    content = re.sub(r'<div id="bible-modal".*?</div>\s*</div>\s*</div>', '', content, flags=re.DOTALL)
    
    # Let's use a very aggressive regex to clear anything related to bible widget from html
    content = re.sub(r'<!-- Bible Dipping Widget -->.*?<audio id="bible-audio".*?</audio>', '', content, flags=re.DOTALL)
    
    # Ok, simpler approach: just find `<div id="bible-widget-btn"` and remove everything up to and including the closing of `bible-modal`
    while '<div id="bible-widget-btn"' in content:
        start_idx = content.find('<div id="bible-widget-btn"')
        # Find the next </body> to slice out everything before it? No, just slice up to bible-reveal-container closing
        end_str = '<div class="bible-quote-ref" id="bible-quote-ref">...</div>\n        </div>\n    </div>'
        end_idx = content.find(end_str, start_idx)
        if end_idx != -1:
            content = content[:start_idx] + content[end_idx + len(end_str):]
        else:
            # Fallback if corrupted
            content = content[:start_idx] + content[content.find('</body>', start_idx):]

    # Re-inject cleanly right before </body>
    content = content.replace('</body>', f'{proper_modal}\n</body>')

    with open(filepath, 'w', encoding='utf-8') as f:
        f.write(content)

print("HTML structure reset and fixed.")