<template name="views_contracts">
    <div class="dapp-container">

        <h1>{{i18n "wallet.contracts.contractTitle"}}</h1>

        <a href="{{pathFor route='deployContract'}}" class="wallet-box create">
            <div class="account-pattern">
                +
            </div>
            <h3>{{i18n "wallet.contracts.deployNewContract"}}</h3>
        </a>  

        <h2>{{i18n "wallet.contracts.customContracts"}}</h2>

        <p>{{i18n "wallet.contracts.description" }}</p>
        <div class="dapp-clear-fix"></div>

        <div class="wallet-box-list">
        {{#each customContracts}}
            {{> elements_account account=_id isContract=true}}
        {{/each}}
        </div>

        <button class="wallet-box create add-contract">
            <div class="account-pattern">
                +
            </div>
            <h3>{{i18n "wallet.contracts.addCustomContract"}}</h3>
        </button>  
        <div class="dapp-clear-fix"></div>


        <br><br>

        <h2>{{{i18n "wallet.tokens.title"}}}</h2>

        <p>
            {{{i18n "wallet.tokens.description"}}}
        </p>

        <div class="dapp-clear-fix"></div>

        <div class="wallet-box-list">
        {{#each tokens}}
            {{> elements_tokenBox}}
        {{/each}}
        </div>

        <button class="wallet-box create add-token">
            <div class="account-pattern">
                +
            </div>
            <h3>{{i18n "wallet.app.buttons.addToken"}}</h3>
        </button>    

    </div>
</template>