<?php print_unescaped($this->inc('part.content.warnings')) ?>

<div id="explore">
    <!--<div class="explore-filter">
        <label>
            <input ng-model="Explore.filter" type="search" placeholder="<?php p(addslashes($l->t('filter'))) ?>" news-auto-focus>
        </label>
    </div>-->


    <div class="explore-filter">
        <label for="explorelanguagecode"><?php p($l->t('Language')) ?>: </label>
        <select id="explorelanguagecode" name="explorelanguagecode"
                ng-change="Explore.showLanguage(Explore.selectedLanguageCode)"
                ng-options="language as language for language in Explore.getSupportedLanguageCodes()"
                ng-model="Explore.selectedLanguageCode"></select>
    </div>
    <div class="grid">
        <div ng-repeat="entry in Explore.feeds | filter:Explore.filter | orderBy:'-votes'" ng-show="!Explore.feedExists(entry.feed)" class="explore-feed grid-item" news-refresh-masonry>
            <div class="category-wrapper">
                <div class="category">
                    {{ entry.category }}
                </div>
            </div>
            <div class="grid-item-content">
                <h1 ng-show="entry.favicon"
                    ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}">
                    <a target="_blank" rel="noreferrer" ng-href="{{ entry.url }}">{{ entry.title }}</a>
                </h1>
                <h1 ng-hide="entry.favicon" class="icon-rss">
                    {{ entry.title }}
                </h1>
                <div style="clear:both"></div>
                <div class="explore-content">
                    <p>{{ entry.description }}</p>

                    <div class="explore-logo">
                        <img ng-src="{{ entry.image }}" ng-if="entry.image">
                    </div>
                </div>
                <div class="explore-subscribe">
                    <button ng-click="Explore.subscribeTo(entry.feed)">
                        <?php p($l->t('Subscribe')) ?>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="explore-footer">
        <a target="_blank" rel="noreferrer" href="https://github.com/nextcloud/news/tree/master/docs/explore"><?php p($l->t('Got more awesome feeds? Share them with us!')) ?></a>
    </div>
</div>
