<!-- Test Audio Template Modal -->
<div id="test-audio-template-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="test-audio-template-modal-title">
    <div class="modal-content">
        <div class="modal-header">
            <h2 id="test-audio-template-modal-title" data-i18n="audio_template.test.title">Test Audio Template</h2>
            <button class="modal-close-btn" onclick="closeTestAudioTemplateModal()" title="Close" data-i18n-aria-label="aria.close">&#x2715;</button>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <div class="label-row">
                    <label for="test-audio-template-device" data-i18n="audio_template.test.device">Audio Device:</label>
                    <button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
                </div>
                <small class="input-hint" style="display:none" data-i18n="audio_template.test.device.hint">Select which audio device to capture from during the test</small>
                <select id="test-audio-template-device"></select>
            </div>

            <button type="button" id="test-audio-template-start-btn" class="btn btn-primary" onclick="startAudioTemplateTest()" style="margin-top: 8px;">
<svg class="icon" viewBox="0 0 24 24"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"/><path d="M6.453 15h11.094"/><path d="M8.5 2h7"/></svg> <span data-i18n="audio_template.test.run">Run</span>
            </button>

            <canvas id="audio-template-test-canvas" class="audio-test-canvas" style="display:none; margin-top: 12px;"></canvas>
            <div id="audio-template-test-stats" class="audio-test-stats" style="display:none;">
                <span class="audio-test-stat">
                    <span class="audio-test-stat-label" data-i18n="audio_source.test.rms">RMS</span>
                    <span class="audio-test-stat-value" id="audio-template-test-rms">---</span>
                </span>
                <span class="audio-test-stat">
                    <span class="audio-test-stat-label" data-i18n="audio_source.test.peak">Peak</span>
                    <span class="audio-test-stat-value" id="audio-template-test-peak">---</span>
                </span>
                <span class="audio-test-stat">
                    <span id="audio-template-test-beat-dot" class="audio-test-beat-dot"></span>
                    <span class="audio-test-stat-label" data-i18n="audio_source.test.beat">Beat</span>
                </span>
            </div>
            <div id="audio-template-test-status" class="audio-test-status" style="display:none;"></div>
        </div>
    </div>
</div>
