
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet">

    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>
    <div class="bootstrap-iso" id="swimtime-calc">
        <div class="calc-title">

            <svg height="44px" width="44px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                <g>
                    <g>
                        <path d="M256,0C114.842,0,0,114.842,0,256s114.842,256,256,256s256-114.842,256-256S397.158,0,256,0z M256,474.537
               c-120.501,0-218.537-98.036-218.537-218.537S135.499,37.463,256,37.463S474.537,135.499,474.537,256S376.501,474.537,256,474.537z
               " />
                    </g>
                </g>
                <g>
                    <g>
                        <path d="M359.595,115.583l-32.361-18.875l-71.068,121.833c-0.056-0.001-0.111-0.005-0.166-0.005
               c-20.69,0-37.463,16.774-37.463,37.463S235.31,293.463,256,293.463S293.463,276.69,293.463,256c0-6.765-1.802-13.105-4.938-18.582
               L359.595,115.583z" />
                    </g>
                </g>
                <g>
                    <g>
                        <circle cx="256" cy="87.415" r="18.732" />
                    </g>
                </g>
                <g>
                    <g>
                        <circle cx="110.005" cy="171.707" r="18.732" />
                    </g>
                </g>
                <g>
                    <g>
                        <circle cx="110.005" cy="340.293" r="18.732" />
                    </g>
                </g>
                <g>
                    <g>
                        <circle cx="401.995" cy="340.293" r="18.732" />
                    </g>
                </g>
                <g>
                    <g>
                        <circle cx="401.995" cy="171.707" r="18.732" />
                    </g>
                </g>
                <g>
                    <g>
                        <rect x="206.049" y="362.146" width="99.902" height="37.463" />
                    </g>
                </g>
            </svg>

            SWIM TIME CONVERTER
        </div>
        <div class="calc-inner">
            <div class="swim__inputs" id="from">
                <h3 class="sec-name">FROM</h3>

                <select id="swim_from" class="swim__select">
                    <option value="SCY">SCY (Short Course Yards)</option>
                    <option value="LCM">LCM (Long Course Meters)</option>
                    <option value="SCM">SCM (Short Course Meters)</option>
                </select>
            </div>
            <div class="swim__inputs" id="to">
                <h3 class="sec-name">TO</h3>

                <select id="swim_to" class="swim__select">
                    <option value="SCY">SCY (Short Course Yards)</option>
                    <option value="LCM">LCM (Long Course Meters)</option>
                    <option value="SCM">SCM (Short Course Meters)</option>
                </select>
            </div>
            <div class="swim__inputs" id="style">
                <h3 class="sec-name">STYLE</h3>

                <select id="swim_style" class="swim__select">
                    <option value="butterfly">Butterfly</option>
                    <option value="breaststroke">Breaststroke</option>
                    <option value="backstroke">Backstroke</option>
                    <option value="freestyle">Freestyle</option>
                    <option value="medley">Individual Medley</option>
                </select>
            </div>
            <div class="swim__inputs" id="distance">
                <h3 class="sec-name">DISTANCE</h3>

                <select id="swim_distance" class="swim__select">
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="200">200</option>
                </select>
            </div>

            <div class="input-item" id="time">
                <h3 class="sec-name">TIME</h3>
                <div class="d-flex gap-2 time-container">

                    <div class="d-flex time-input">
                        <input type="number" pattern="\d*" inputmode="decimal" id="minutes" class="" placeholder="0" aria-label="0">
                        <span class="input-group-text">MINUTES</span>
                    </div>
                    <div class="d-flex time-input">
                        <!-- <input type="number" oninput="this.value=(parseInt(this.value)||0)" onkeypress="return !(event.charCode == 45||event.charCode == 46||event.charCode == 43)" id="seconds" class="" placeholder="0" aria-label="0"> -->
                        <input type="number" pattern="\d*" inputmode="decimal" id="seconds" class="" placeholder="00.00" aria-label="0">
                        <span class="input-group-text">SECONDS</span>
                    </div>

                </div>
            </div>
            <div class="swimp__button">
                <button type="button" class="speed-calc-btn">Calculate</button>
            </div>
            <div class="result">
                <div class="result-name sec-name">RESULT</div>
                <div class="result-input-container">
                    <div class="result-input" id="res_minutes">
                        <input readonly type="number" pattern="\d*" inputmode="decimal" placeholder="0" aria-label="0">
                        <span class="input-group-text">MINUTES</span>
                    </div>
                    <div class="result-input" id="res_seconds">
                        <input readonly type="number" pattern="\d*" inputmode="decimal" placeholder="0" aria-label="0">
                        <span class="input-group-text">SECONDS</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
{"id":1347,"date":"2021-05-02T08:33:58","date_gmt":"2021-05-02T08:33:58","guid":{"rendered":"https:\/\/myswimsplits.com\/wp\/?page_id=1347"},"modified":"2022-11-23T07:38:01","modified_gmt":"2022-11-23T07:38:01","slug":"swimming-time-converter","status":"publish","type":"page","link":"https:\/\/app.myswimsplits.com\/app\/index.php\/swimming-time-converter\/","title":{"rendered":"Swim Time Converter"},"content":{"rendered":"<div class=\"bg-margin-for-link\"><input type='hidden' bg_collapse_expand='6ab46b8c47f2c6059887277' value='6ab46b8c47f2c6059887277'><input type='hidden' id='bg-show-more-text-6ab46b8c47f2c6059887277' value='More Info'><input type='hidden' id='bg-show-less-text-6ab46b8c47f2c6059887277' value='Show Less'><a id='bg-showmore-action-6ab46b8c47f2c6059887277' class='bg-showmore-plg-link  '  style=\" color:#0000ff;font-weight: 500;\" href='#'>More Info<\/a><div id='bg-showmore-hidden-6ab46b8c47f2c6059887277' >The Swim Time Converter allows swimmers and coaches to convert swim times between short course meters (SCM), short course yards (SCY) and long course meters (LCM). Simply enter your Stroke, Distance, Time, and the conversion your after.<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":243,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1347","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/pages\/1347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/comments?post=1347"}],"version-history":[{"count":21,"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/pages\/1347\/revisions"}],"predecessor-version":[{"id":3191,"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/pages\/1347\/revisions\/3191"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/media\/243"}],"wp:attachment":[{"href":"https:\/\/app.myswimsplits.com\/app\/index.php\/wp-json\/wp\/v2\/media?parent=1347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}