{{{breadcrumbs}}}
<div class="LIST">

    <div class="LIST_CONTENT">

        <div class="form_wrapper">
            <!-- Username -->
            <div class="text_input_wrapper">
                <label>{{U__username}}</label>
                <input  type="tel" id="LOGIN_username" placeholder="{{RFP__phone}}" onkeyup="CHECKINGS_CLEAN__username()">
                <div class="info error ERROR_USERNAME" style="display: none">{{E__invalid_phone_number}}</div>
            </div>

            <!-- Password -->
            <div class="text_input_wrapper with_eye">
                <label>{{U__password}}</label>
                <table>
                    <tr>
                        <td><input type="text" pattern="[0-9]*" inputmode="numeric" id="LOGIN_password" placeholder="{{RFP__password}}" style="-webkit-text-security: disc;-moz-webkit-text-security: disc;-moz-text-security: disc;" onkeyup="CHECKINGS_CLEAN__password()"></td>
                        <td onclick="UTILS_togglePasswordEye('LOGIN_password')">
                            <img class="LOGIN_password_eye" src="/img/misc/eye_open.png" alt="" style="display: none">
                            <img class="LOGIN_password_eye" src="/img/misc/eye_close.png" alt="" style="display: inline-block">
                        </td>
                    </tr>
                </table>  
                <div class="info error ERROR_PASSWORD" style="display: none">{{E__invalid_password}}</div>
            </div>

            {{#captcha}}
            <div class="text_input_wrapper with_prefix">
                <label>{{../U__captcha}}</label>
                <table>
                    <tr>
                        <td>{{num1}} + {{num2}}</td>
                        <td><input id="LOGIN_captcha" type="text"></td>
                    </tr>
                </table>                
                <div class="info">{{../U__captcha_info}}</div>
            </div>
            {{/captcha}}


            <!-- Login Button -->
            <div class="button_input_wrapper">
                <button onclick="USER_login()">{{U__login}}</button>
            </div>

            <!-- Register Button -->
            <div class="button_input_wrapper">
                <button class="black" onclick="UTILS_goto('/?view=register')">{{U__register}}</button>
            </div>

            <!-- Password recovery -->
            {{#password_recovery}}
            <div class="single_link_wrapper">
                <a href="javascript:void(USER_LOST_showForm())">{{U__lost_password}}</a>
            </div>
            {{/password_recovery}}
        </div>


        {{#password_recovery}}
        <div id="LOST_PASSWORD_FORM" class="form_wrapper" style="display: none">

            {{{recover_password_header}}}

            <!-- Phone -->
            <div class="text_input_wrapper with_prefix">
                <label>{{RF__phone}}</label>
                <table>
                    <tr>
                        <td>{{{region_flag}}}</td>
                        <td><input id="LOST_PASSWORD_phone_number" type="text" placeholder="{{RFP__phone}}"></td>
                    </tr>
                </table>
            </div>

            {{{recover_password_footer}}}

            <!-- Send SMS Button -->
            <div class="button_input_wrapper">
                <button onclick="USER_LOST_sendSMS()">{{U__sendSMS}}</button>
            </div>
        </div>   
        {{/password_recovery}}
    </div>
</div>