<div class="finance-summary" ng-show="financeList.length > 0">
    <div class="heading">
        Summary
    </div>
    <div class="all">
        <div class="summary-item" ng-repeat="financeitem in financeList = (finance.list | filterByIndex: { exclude: true, index: 0 })">
            <div class="each">
                <div class="heading">
                    <div class="title">{{financeitem.title.length > 0 ? financeitem.title : 'No title'}}</div>
                    <div class="amount">{{financeitem.amount ? financeitem.amount : 'No amount entered'}}</div>
                </div>
                <div class="paidby">
                    <span class="title">Paid by:</span>
                    <tags-list taglist="financeitem.paidby.taglist"></tags-list>
                </div>
                <div class="splitbtw" ng-hide="financeitem.paidby.taglist.length === 1 && financeitem.paidby.taglist[0] === 'Myself'
                    && financeitem.splitbtw.taglist.length === 1 && financeitem.splitbtw.taglist[0] === 'Myself'">
                    <span class="title">Split between:</span>
                    <tags-list taglist="financeitem.splitbtw.taglist"></tags-list>
                </div>
                <div class="splitby" ng-hide="financeitem.splitbytype === undefined">
                    <span class="title">Split by:</span>
                    <span class="type">
                        <span>{{financeitem.splitbytype | codeconvert}}</span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>