<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>

<section id="title" class="primary">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <h1><?= lang('projects_title'); ?></h1>
                <p class="lead"><?= lang('projects_description'); ?></p>
            </div>
            <div class="col-sm-6">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb text-dark float-right">
                        <li class="breadcrumb-item">
                            <a href="/"><?= lang('header_home') ?></a>
                        </li>
                        <li class="breadcrumb-item active">
                            <?= lang('projects_sitetitle') ?>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

<section id="project-list" class="dark">
    <div class="container">
        <div class="row">
            <h3 class="icon-explanation"><i class="fa fa-cloud-download-alt"></i> <?= lang('projects_download') ?></h3>
            <h3 class="icon-explanation"><i class="fab fa-osi"></i> <?= lang('projects_opensource') ?></h3>
        </div>
        <div class="row">
            <h3><?= lang('projects_filter_category') ?></h3>
            <ul class="sort-list-filter">
                <li>
                    <a class="btn btn-default btn-sm <?= $album == 'all' ? 'active' : '' ?>" href="#" data-filter="*">
                        <?= lang('projects_all'); ?>
                    </a>
                </li>

                <?php foreach($categories as $category): ?>
                <li>
                    <a href="#" class="btn btn-default btn-sm <?= $album == $category['name'] ? 'active' : '' ?>" data-filter=".<?= $category['name'] ?>">
                        <?= $category['displayname'] ?>
                    </a>
                </li>
                <?php endforeach; ?>
            </ul><!--/#sort-list-item-filter-->
        </div>

        <div class="row">
            <h3><?= lang('projects_filter_type') ?></h3>
            <ul class="sort-list-filter">
                <li><a class="btn btn-default btn-sm additional-filter" href="#" data-filter=".downloadable">Download</a></li>
                <li><a class="btn btn-default btn-sm additional-filter" href="#" data-filter=".opensource">OpenSource</a></li>
            </ul>
        </div>

        <div class="row">
            <h3><?= lang('projects_sort') ?></h3>
            <ul class="sort-list-sorting">
                <li><a class="btn btn-default btn-sm" href="#" data-sort="name" data-asc="true"><?= lang('projects_sort_name') ?></a></li>
                <li><a class="btn btn-default btn-sm active" href="#" data-sort="date" data-asc="false"><?= lang('projects_sort_date') ?> <i class="fa fa-arrow-down"></i></a></li>
                <li><a class="btn btn-default btn-sm" href="#" data-sort="voteCount" data-asc="false"><?= lang('projects_sort_voteCount') ?></a></li>
            </ul>
        </div>

        <div class="row">
            <ul class="sort-list-items w-100 m-0" id="projects">
                <?php foreach($content as $item):
                    $this->load->view('projects_list_entry', $item);
                endforeach; ?>
            </ul>
        </div>
    </div>
</section><!--/#sort-list-item-->