<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<div class="page" data-name="profile" data-playerid="{{$route.params.playerid}}">

    <div class="navbar">
        <div class="navbar-inner">
            <div class="title"><i class="fas fa-user"></i> Profile</div>
        </div>
    </div>

    <div class="page-content">
        <div class="block">
            <div class="row justify-content-start">
            <div class="display-flex flex-wrap playerinfoflex col-100 tablet-50 desktop-33">
                <div id="playericon" class="margin-right">
                    <div class="usericon usericon-2x"></div>
                </div>
                <div>
                    <h2>{{$route.params.playername}}</h2>
                    <div class="display-flex flex-wrap">
                        <div id="playerteaminfo" class="button button-fill button-round button-small margin-right margin-bottom"></div>
                        <div id="playerlevelinfo" class="button button-fill button-round button-small"></div>
                    </div>
                </div>
            </div>
            <div class="display-flex flex-wrap margin-top badges col-100 tablet-50 desktop-33" id="badgebin">

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

    <div class="fab fab-center-bottom">
        <a href="#" class="back">
            <i class="fas fa-2x fa-times"></i>
        </a>
    </div>

    <script src="js/profile.js"></script>

</div>