<!-- Test PP Template Modal -->
<div id="test-pp-template-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="test-pp-template-modal-title">
    <div class="modal-content">
        <div class="modal-header">
            <h2 id="test-pp-template-modal-title" data-i18n="postprocessing.test.title">Test Processing Template</h2>
            <button class="modal-close-btn" onclick="closeTestPPTemplateModal()" title="Close" data-i18n-aria-label="aria.close">&#x2715;</button>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <label data-i18n="postprocessing.test.source_stream">Source:</label>
                <select id="test-pp-source-stream"></select>
            </div>
            <div class="form-group">
                <label for="test-pp-duration">
                    <span data-i18n="streams.test.duration">Capture Duration (s):</span>
                    <span id="test-pp-duration-value">5</span>
                </label>
                <input type="range" id="test-pp-duration" min="1" max="10" step="1" value="5" oninput="updatePPTestDuration(this.value)" />
            </div>

            <button type="button" class="btn btn-primary" onclick="runPPTemplateTest()" style="margin-top: 16px;">
<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="streams.test.run">Run</span>
            </button>

        </div>
    </div>
</div>
