mobile/themes/milagro/views/setup-pin.handlebars

<header id="topNav">
    <div id="mp_action_home">
    </div>
    <div id="logo">
    </div>
</header>

<div id="accountTopBar">
    <div id="mpinUser">
       <p>{{data.email}}</p>
    </div>
</div>

<div id="inputContainer">
    
    <div id="codes">{{hlp 'pinpad_placeholder_setup'}}</div>
    <div id="circlesHolder">
        {{#loop data.pinSize}}
            <div class="circle" id="mpin_circle_{{this}}">
                <div class="outer-circle">
                </div>
            </div>
        {{/loop}}
    </div>

</div>
 
<div id="pinsHolder">

    <div class="pre-row">
        <div class="row">
            <button class="btn" data-value="1">
                1
            </button>
            <button class="btn" data-value="2">
                2
            </button>
            <button class="btn" data-value="3">
                3
            </button>
        </div>
    </div>
    <div class="pre-row">
        <div class="row">
            <button class="btn" data-value="4">
                4
            </button>
            <button class="btn" data-value="5">
                5
            </button>
            <button class="btn" data-value="6">
                6
            </button>
        </div>
    </div>
    <div class="pre-row">
        <div class="row">
            <button class="btn" data-value="7">
                7
            </button>
            <button class="btn" data-value="8">
                8
            </button>
            <button class="btn" data-value="9">
                9
            </button>
        </div>
    </div>
    <div class="pre-row">
        <div class="row bottom">
            <button class="btnClear disabled" data-value="clear" id="mpinClear">
                {{hlp 'clear'}}
            </button>
            <button class="btn" data-value="0">
                0
            </button>
            <button class="btnLogin disabled" data-value="go" id="mpinLogin">
                {{hlp 'setup'}}
            </button>
        </div>
    </div>
</div>

<footer id="mpinFooter">
    <div id="mpinLogo">
        <a href="#" id="openHelpHub"></a>
    </div>

    <div id="poweredBy">
    </div>
</footer>