{"en_US": "<t t-name=\"web.config_speedscope_index\">\n        <link rel=\"stylesheet\" href=\"/web/assets/any/web.assets_web.min.css\"/>\n        <script src=\"/web/assets/any/web.assets_web.min.js\" type=\"text/javascript\"/>\n        \n        <div class=\"container-md p-0\">\n            <div class=\"o_form_view\" style=\"align-items: center;\">\n                <div class=\"o_form_sheet\">\n                    <!-- Single Form -->\n                    <form id=\"dynamicForm\" method=\"get\" t-attf-action=\"/web/speedscope/{{profile_str}}\">\n                        <h4>Options</h4>\n                        <div class=\"form-check\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"constant_time\" name=\"constant_time\" value=\"True\"/>\n                            <label class=\"form-check-label\" for=\"constant_time\">Constant Time</label>\n                        </div>\n                        <!-- add more variable here -->\n                        <div class=\"form-check\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"aggregate_sql\" name=\"aggregate_sql\" value=\"True\"/>\n                            <label class=\"form-check-label\" for=\"aggregate_sql\">Aggregate SQL</label>\n                        </div>\n                        <div class=\"form-check\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"use_execution_context\" name=\"use_execution_context\" value=\"True\" checked=\"1\"/>\n                            <label class=\"form-check-label\" for=\"use_execution_context\">Use execution context</label>\n                        </div>\n                        <div t-if=\"len(profiles) &gt; 1\">\n                        <hr/>\n                        <h4>Multiple profile</h4>\n                            <label class=\"form-check-label\" for=\"profile_aggregation_mode\">Aggregation mode</label>\n                            <select class=\"form-select\" name=\"profile_aggregation_mode\" id=\"profile_aggregation_mode\">\n                                <option value=\"tabs\">Separated (one per tab)</option>\n                                <option value=\"temporal\">Temporal (experimental)</option>\n                            </select>\n                            <span id=\"temporal_warning\" class=\"alert alert-warning\" style=\"display:none\"><b>Warning:</b> Temporal mode will merge all samples.<br/>It can lead to partially invalid result in case of concurrent profiles.<br/>Use with caution </span>\n                            <script>\n                                document.getElementById('profile_aggregation_mode').addEventListener('change', function (event) {\n                                    document.getElementById('temporal_warning').style.display = event.target.value === 'temporal'? 'block': 'none';\n                                });\n                            </script>\n\n                        </div>\n                        <hr/>\n                        <h4>Display presets</h4>\n                        <div class=\"form-check\" t-if=\"any((profile.sql and profile.traces_async) for profile in profiles)\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"combined_profile\" name=\"combined_profile\" value=\"True\" checked=\"checked\"/>\n                            <label class=\"form-check-label\" for=\"combined_profile\">Frames + sql (Combined)</label>\n                        </div>\n                        <div class=\"form-check\" t-if=\"any(profile.sql for profile in profiles)\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"sql_no_gap_profile\" name=\"sql_no_gap_profile\" value=\"True\" checked=\"checked\"/>\n                            <label class=\"form-check-label\" for=\"sql_no_gap_profile\">SQL no gap</label>\n                        </div>\n                        <div class=\"form-check\" t-if=\"any(profile.sql for profile in profiles)\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"sql_density_profile\" name=\"sql_density_profile\" value=\"True\"/>\n                            <label class=\"form-check-label\" for=\"sql_density_profile\">SQL density</label>\n                        </div>\n                        <div class=\"form-check\" t-if=\"any(profile.traces_async for profile in profiles)\">\n                            <input type=\"checkbox\" class=\"form-check-input\" id=\"frames_profile\" name=\"frames_profile\" value=\"True\"/>\n                            <label class=\"form-check-label\" for=\"frames_profile\">Frames</label>\n                        </div>\n\n                        <input type=\"hidden\" name=\"profile_id\" t-att-value=\"profile_str\"/>\n                        \n                        <div class=\"mt-3\">\n                            <button type=\"submit\" class=\"btn btn-secondary\" name=\"action\" value=\"download_json\"><i class=\"fa fa-download\"/> (json)</button>\n                            <button type=\"submit\" class=\"btn btn-secondary\" name=\"action\" value=\"download_html\"><i class=\"fa fa-download\"/> (html)</button>\n                            <button type=\"submit\" class=\"btn btn-primary\" name=\"action\" value=\"open\">Open</button>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </div>\n    </t>"}