{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.

    Project implemented by the "Recovery, Transformation and Resilience Plan.
    Funded by the European Union - Next GenerationEU".
    Produced by the UNIMOODLE University Group: Universities of
    Valladolid, Complutense de Madrid, UPV/EHU, León, Salamanca,
    Illes Balears, Valencia, Rey Juan Carlos, La Laguna, Zaragoza, Málaga,
    Córdoba, Extremadura, Vigo, Las Palmas de Gran Canaria y Burgos
}}
{{!
    @template mod_kuet/rankingfirstthree

    Ranking first three

    Classes required for JS:
    * None

    Data attibutes required for JS:
    * None

    Context variables required for this template:
    * none

    Example context (json):
    {
    }
}}
<div class="ranking-first-three">
    <div class="content-users">
        <div class="second-user">
            <div class="userimage">
                <div class="userposition">
                    <span>2</span>
                </div>
                <img class="first-three-userimage" src="{{seconduserimageurl}}" alt="{{seconduserfullname}}" /> <span class="username">{{seconduserfullname}}</span>
            </div>
            <div class="second-userpoints userpoints">
                <div class="content-points">
                    {{#pix}}q/finalpoints, mod_kuet{{/pix}}
                    {{ seconduserpoints}}
                </div>
            </div>
        </div>
        <div class="first-user">
            <div class="userimage">
                <div class="userposition">
                    <span>1</span>
                </div>
                <img class="first-three-userimage" src="{{firstuserimageurl}}" alt="{{firstuserfullname}}" /> <span class="username">{{firstuserfullname}}</span>
            </div>
            <div class="first-userpoints userpoints">
                <div class="content-points">
                    {{#pix}}q/finalpoints, mod_kuet{{/pix}}
                    {{ firstuserpoints}}
                </div>
            </div>
        </div>
        <div class="third-user">
            <div class="userimage">
                <div class="userposition">
                    <span>3</span>
                </div>
                <img class="first-three-userimage" src="{{thirduserimageurl}}" alt="{{thirduserfullname}}" /> <span class="username">{{thirduserfullname}}</span>
            </div>
            <div class="third-userpoints userpoints">
                <div class="content-points">
                    {{#pix}}q/finalpoints, mod_kuet{{/pix}}
                    {{ thirduserpoints}}
                </div>
            </div>
        </div>
    </div>
</div>
