<div class="f-lobby" data-filter="true">
    <input type="hidden" id="submitUrl" value="https://247sportsfantasy.com/crm/fantasy/game/" />
    <input type="hidden" id="submitGolfSkinsUrl" value="https://247sportsfantasy.com/crm/fantasy/game/" />
    <input type="hidden" id="selectPoolId" value="" />
    <input type="hidden" id="selectGameType" value="" />
    <div class="f-title">
        <div>
                        <a class="f-create-contest f-button f-primary f-right" href="https://247sportsfantasy.com/crm/fantasy/create-contest/">Create Contest</a>
                        <div class="f-nextgame" id="contestCountdown">
                <span class="f-next-game-label">Next contest starts in:</span>
                <span class="f-value" id="lobbyCountdown"></span>
            </div>
            <h1>Lobby</h1>
        </div>
    </div>
    <div data-filter-group="true" class="f-text-search">
        <ul class="f-unstyled">
            <li>
                <form onsubmit="return false;" action="#" class="f-search-os" id="f-foo">
                    <input type="text" data-filter-type="search" placeholder="Search all contests..." class="f-search-input">
                    <input type="reset" value="" class="f-search-reset">
                </form>
            </li>
        </ul>
    </div>
    <div data-filter-group="true" data-filter-hide="true" data-filter-condition="search=" class="f-filter">
        <h2>Sport</h2>
        <div data-filter-group="true" class="f-sport f-selector">
            <ul>
                <label class="f-all f-checked">
                    <li>
                        <input type="radio" checked="checked" value="" name="sport-select" data-filter-type="sport">All sports                    </li>
                </label>
                            </ul>
        </div>
        <div class="f-separator"></div>
        <div class="f-type f-selector">
            <h2>Contest Type</h2>
            <ul>
                <label class="f-checked">
                    <li>
                        <input type="radio" checked="checked" value="all" name="contest-type" data-filter-type="type">All contest types                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="headtohead" name="contest-type" data-filter-type="type">Head-to-head                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="league" name="contest-type" data-filter-type="type">Leagues                    </li>
                </label>
            </ul>
        </div>
        <div class="f-separator"></div>
        <div class="f-size f-selector f-filter-condition-hidden">
            <h2>Size</h2>
            <ul>
                <label class="f-checked">
                    <li>
                        <input type="radio" checked="checked" value="all" name="contest-size" data-filter-type="size">All                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="3" name="contest-size" data-filter-type="size">3
                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="4-10" name="contest-size" data-filter-type="size">4-10
                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="11+" name="contest-size" data-filter-type="size">11+
                    </li>
                </label>
            </ul>
        </div>
        <div data-filter-hide="true" data-filter-condition="type=league" class="f-separator f-filter-condition-hidden"></div>
        <!--<div class="f-multientry f-filter-condition-hidden f-selector f-user">
            <ul>
                <label>
                    <li>
                        <input type="checkbox" value="1">
                        Multi Entry                    </li>
                </label>
            </ul>
        </div>-->
                <div class="f-entryfee">
            <div>
                <div id="rangeSlider"></div>
                <div class="ui-rangeSlider-label ui-rangeSlider-leftLabel">
                    <div style="display:inline-block">Entry: </div>
                    <div class="ui-rangeSlider-label-value"></div>
                    <div class="ui-rangeSlider-label-inner"></div>
                </div>
                <div class="ui-rangeSlider-label ui-rangeSlider-rightLabel">
                    <div class="ui-rangeSlider-label-value"></div>
                    <div class="ui-rangeSlider-label-inner"></div>
                </div>
            </div>
        </div>
                <section data-filter-group="true">
            <div data-filter-persist="custom" class="f-panel active">
                <div class="f-separator"></div>
                <div class="f-startTime f-selector">
                    <h2>Start time</h2>
                    <ul>
                        <label class="f-checked">
                            <li>
                                <input type="radio" checked="checked" value="all" name="startTime" data-filter-type="start">All start times                            </li>
                        </label>
                        <label class="f-">
                            <li>
                                <input type="radio" value="next" name="startTime" data-filter-type="start">Next available                            </li>
                        </label>
                        <label class="f-">
                            <li>
                                <input type="radio" value="today" name="startTime" data-filter-type="start">Today                            </li>
                        </label>
                    </ul>
                </div>
            </div>
        </section>
        <div class="f-separator"></div>
        <div class="f-contestCreator f-selector">
            <h2>Creator</h2>
            <ul>
                <label class="f-checked">
                    <li>
                        <input type="radio" checked="checked" value="all" name="contestCreator" data-filter-type="creator">All creators                    </li>
                </label>
                <label class="f-">
                    <li>
                        <input type="radio" value="admin" name="contestCreator" data-filter-type="creator">Admin created                    </li>
                </label>
                <label class="f-">
                    <li>
                        <input type="radio" value="user" name="contestCreator" data-filter-type="creator">User created                    </li>
                </label>
            </ul>
        </div>
        <div class="f-clear"></div>
    </div>
    <div class="f-filter f-filters-disabled">
        <p class="f-filter-warning">Filters are disabled while searching</p>
        <button class="f-button f-primary green" id="f-clear-search-link">Clear search</button>
    </div>
    <div class="f-items">
        <div id="wrapContest">
            <div class="f-body">
                <div class="f-updatesAvailable">
                    New contests are available. <a href="#">Refresh</a>
                </div>
                <div class="f-inner" style="">
                    <div class="f-items" id="lobbyContent">
                        <div class="lobbyHeader">
                            <div>
                                <div class="f-title" data-sort_field="f-title" style="width: 31%">
                                    
                                    <div class="legend">
                                        <div class="legend_item">
                                            <div class="multi-entry-icon">M</div>
                                            <p>Multi entry</p>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="legend_item">
                                            <div class="multi-entry-icon">P</div>
                                            <p>Multi payout </p>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="legend_item">
                                            <div class="multi-entry-icon">G</div>
                                            <p>Guaranteed </p>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                            
                                </div>
                                <div class="f-gametype" data-sort_field="f-gametype" style="width: 11%">
                                    Type                                </div>
                                <div class="f-entries" data-sort_field="f-entries" style="width: 10%">
                                    Entries                                </div>
                                                                <div class="f-entryfee" data-sort_field="f-entryfee" style="width: 7%">
                                    Entry                                </div>
                                <div class="f-entryfee" data-sort_field="f-prizes" style="width: 8%">
                                    Prizes                                </div>
                                                                <div class="f-starttime" data-sort_field="f-starttime" style="width: 18%">
                                                                        Starts&nbsp;(CET)                                </div>
                                <div class="f-entry" style="width: 13%">&nbsp;</div>
                            </div>
                        </div>
                        <div id="lobbyData"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="f-empty-view">
            <h1>No contests match your search or filter settings</h1>
        </div>
        <div class="f-clear"></div>
    </div>
    
    <div class="f-pager"></div>
</div>
<div class="f-lightbox f-legacy-lightbox" id="dlgInfo" style="display: none;">
    <div class="f-modal f-background"></div>
    <div class="f-outer">
        <div class="f-inner">
            <header style="display: none;">
                <h2></h2>
            </header>
            <div class="f-body" style=""></div>
        </div>
        <a class="f-close" onclick="return jQuery.global.closeDialog('#dlgInfo')" href="#"></a>
    </div>
</div><div class="f-lightbox f-legacy-lightbox" id="dlgRugbyConfirmJoin" style="display: none;">
    <div class="f-modal f-background"></div>
    <div class="f-outer">
        <div class="f-inner">
            <header style="display: none;">
                <h2>Join contest</h2>
            </header>
            <div class="f-body" style="">
                <p>
                    Are you sure you would like to join this contest. This contest will allow draft player on <span id="live_draft_time"></span>. We will send you an email when draft time starts.                </p>
                <a class="f-button f-primary f-left btn_ok" href="javascript:void(0)" style="margin-right: 10px;">
                    Ok                </a>
                <a class="f-button f-primary f-left" onclick="return jQuery.playerdraft.closeDialog('#dlgRugbyConfirmJoin')" href="javascript:void(0)">
                    Cancel                </a>
                <div class="clear"></div>
            </div>
        </div>
        <a class="f-close" onclick="return jQuery.playerdraft.closeDialog('#dlgRugbyConfirmJoin')" href="javascript:void(0)" style="margin-left: -501px;"></a>
    </div>
</div><div id="dlgContestPassword" style="display: none;">
    <div id="msgContestPassword" class="public_message"></div>
    <form id="formContestPassword">
        <input type="hidden" id="league_id" name="league_id" />
        <table>
            <tr>
                <td>Password</td>
                <td><input type="text" id="password" name="password" size="50" /></td>
            </tr>
        </table>
    </form>
</div>
<script>
    jQuery(document).ready(function(){
        jQuery.lobby.initLobby();
    })
</script>

<div class="f-lobby" data-filter="true">
    <input type="hidden" id="submitUrl" value="https://247sportsfantasy.com/crm/fantasy/game/" />
    <input type="hidden" id="submitGolfSkinsUrl" value="https://247sportsfantasy.com/crm/fantasy/game/" />
    <input type="hidden" id="selectPoolId" value="" />
    <input type="hidden" id="selectGameType" value="" />
    <div class="f-title">
        <div>
                        <a class="f-create-contest f-button f-primary f-right" href="https://247sportsfantasy.com/crm/fantasy/create-contest/">Create Contest</a>
                        <div class="f-nextgame" id="contestCountdown">
                <span class="f-next-game-label">Next contest starts in:</span>
                <span class="f-value" id="lobbyCountdown"></span>
            </div>
            <h1>Lobby</h1>
        </div>
    </div>
    <div data-filter-group="true" class="f-text-search">
        <ul class="f-unstyled">
            <li>
                <form onsubmit="return false;" action="#" class="f-search-os" id="f-foo">
                    <input type="text" data-filter-type="search" placeholder="Search all contests..." class="f-search-input">
                    <input type="reset" value="" class="f-search-reset">
                </form>
            </li>
        </ul>
    </div>
    <div data-filter-group="true" data-filter-hide="true" data-filter-condition="search=" class="f-filter">
        <h2>Sport</h2>
        <div data-filter-group="true" class="f-sport f-selector">
            <ul>
                <label class="f-all f-checked">
                    <li>
                        <input type="radio" checked="checked" value="" name="sport-select" data-filter-type="sport">All sports                    </li>
                </label>
                            </ul>
        </div>
        <div class="f-separator"></div>
        <div class="f-type f-selector">
            <h2>Contest Type</h2>
            <ul>
                <label class="f-checked">
                    <li>
                        <input type="radio" checked="checked" value="all" name="contest-type" data-filter-type="type">All contest types                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="headtohead" name="contest-type" data-filter-type="type">Head-to-head                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="league" name="contest-type" data-filter-type="type">Leagues                    </li>
                </label>
            </ul>
        </div>
        <div class="f-separator"></div>
        <div class="f-size f-selector f-filter-condition-hidden">
            <h2>Size</h2>
            <ul>
                <label class="f-checked">
                    <li>
                        <input type="radio" checked="checked" value="all" name="contest-size" data-filter-type="size">All                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="3" name="contest-size" data-filter-type="size">3
                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="4-10" name="contest-size" data-filter-type="size">4-10
                    </li>
                </label>
                <label>
                    <li>
                        <input type="radio" value="11+" name="contest-size" data-filter-type="size">11+
                    </li>
                </label>
            </ul>
        </div>
        <div data-filter-hide="true" data-filter-condition="type=league" class="f-separator f-filter-condition-hidden"></div>
        <!--<div class="f-multientry f-filter-condition-hidden f-selector f-user">
            <ul>
                <label>
                    <li>
                        <input type="checkbox" value="1">
                        Multi Entry                    </li>
                </label>
            </ul>
        </div>-->
                <div class="f-entryfee">
            <div>
                <div id="rangeSlider"></div>
                <div class="ui-rangeSlider-label ui-rangeSlider-leftLabel">
                    <div style="display:inline-block">Entry: </div>
                    <div class="ui-rangeSlider-label-value"></div>
                    <div class="ui-rangeSlider-label-inner"></div>
                </div>
                <div class="ui-rangeSlider-label ui-rangeSlider-rightLabel">
                    <div class="ui-rangeSlider-label-value"></div>
                    <div class="ui-rangeSlider-label-inner"></div>
                </div>
            </div>
        </div>
                <section data-filter-group="true">
            <div data-filter-persist="custom" class="f-panel active">
                <div class="f-separator"></div>
                <div class="f-startTime f-selector">
                    <h2>Start time</h2>
                    <ul>
                        <label class="f-checked">
                            <li>
                                <input type="radio" checked="checked" value="all" name="startTime" data-filter-type="start">All start times                            </li>
                        </label>
                        <label class="f-">
                            <li>
                                <input type="radio" value="next" name="startTime" data-filter-type="start">Next available                            </li>
                        </label>
                        <label class="f-">
                            <li>
                                <input type="radio" value="today" name="startTime" data-filter-type="start">Today                            </li>
                        </label>
                    </ul>
                </div>
            </div>
        </section>
        <div class="f-separator"></div>
        <div class="f-contestCreator f-selector">
            <h2>Creator</h2>
            <ul>
                <label class="f-checked">
                    <li>
                        <input type="radio" checked="checked" value="all" name="contestCreator" data-filter-type="creator">All creators                    </li>
                </label>
                <label class="f-">
                    <li>
                        <input type="radio" value="admin" name="contestCreator" data-filter-type="creator">Admin created                    </li>
                </label>
                <label class="f-">
                    <li>
                        <input type="radio" value="user" name="contestCreator" data-filter-type="creator">User created                    </li>
                </label>
            </ul>
        </div>
        <div class="f-clear"></div>
    </div>
    <div class="f-filter f-filters-disabled">
        <p class="f-filter-warning">Filters are disabled while searching</p>
        <button class="f-button f-primary green" id="f-clear-search-link">Clear search</button>
    </div>
    <div class="f-items">
        <div id="wrapContest">
            <div class="f-body">
                <div class="f-updatesAvailable">
                    New contests are available. <a href="#">Refresh</a>
                </div>
                <div class="f-inner" style="">
                    <div class="f-items" id="lobbyContent">
                        <div class="lobbyHeader">
                            <div>
                                <div class="f-title" data-sort_field="f-title" style="width: 31%">
                                    
                                    <div class="legend">
                                        <div class="legend_item">
                                            <div class="multi-entry-icon">M</div>
                                            <p>Multi entry</p>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="legend_item">
                                            <div class="multi-entry-icon">P</div>
                                            <p>Multi payout </p>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="legend_item">
                                            <div class="multi-entry-icon">G</div>
                                            <p>Guaranteed </p>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                            
                                </div>
                                <div class="f-gametype" data-sort_field="f-gametype" style="width: 11%">
                                    Type                                </div>
                                <div class="f-entries" data-sort_field="f-entries" style="width: 10%">
                                    Entries                                </div>
                                                                <div class="f-entryfee" data-sort_field="f-entryfee" style="width: 7%">
                                    Entry                                </div>
                                <div class="f-entryfee" data-sort_field="f-prizes" style="width: 8%">
                                    Prizes                                </div>
                                                                <div class="f-starttime" data-sort_field="f-starttime" style="width: 18%">
                                                                        Starts&nbsp;(CET)                                </div>
                                <div class="f-entry" style="width: 13%">&nbsp;</div>
                            </div>
                        </div>
                        <div id="lobbyData"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="f-empty-view">
            <h1>No contests match your search or filter settings</h1>
        </div>
        <div class="f-clear"></div>
    </div>
    
    <div class="f-pager"></div>
</div>

<script>
    jQuery(document).ready(function(){
        jQuery.lobby.initLobby();
    })
</script>

{"id":24,"date":"2022-04-27T00:17:36","date_gmt":"2022-04-27T00:17:36","guid":{"rendered":"https:\/\/247sportsfantasy.com\/crm\/index.php\/lobby\/"},"modified":"2022-04-27T00:17:36","modified_gmt":"2022-04-27T00:17:36","slug":"lobby","status":"publish","type":"page","link":"https:\/\/247sportsfantasy.com\/crm\/lobby\/","title":{"rendered":"Lobby"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/247sportsfantasy.com\/crm\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}