<link rel="stylesheet" href="/static/css/abb.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<div ng-controller="ABBController">
    <!-- Only show the job listing if there are any jobs, i.e, the jobs list is non-empty -->
    <div id="header" class="row" ng-if="jobs.length > 0">
        <div id="header-logo">
            <img src="/static/img/ABB_logo.png">
        </div>
        <div id="header-title">
            TYÖPAIKAT
        </div>
    </div>

    <div class="item-row row" ng-if="jobs.length > 0" ng-repeat="job in jobs">
        <div class="item-title col-xs-12">
            {{ job.title }}
        </div>
        <!--
        <div class="item-qr col-xs-6">
            <qrcode data="http://sahkoinsinoorikilta.fi/fi/news/{{ job.id }}" size="278"></qrcode>
        </div>
        -->
    </div>

    <div id="footer">
        Lisätietoja osoitteessa sik.ayy.fi/duunit
    </div>

    <!-- If there are no jobs, show a static image -->
    <div class="row" ng-if="jobs.length == 0">
        <img src="/static/img/ABB_uralle.png" style="position:absolute;left:0;top:0;width:100vw;">
    </div>
</div>
