<?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
                $categoryList = [];
                $categoryNames = [];
                $siteLang = isset($_SESSION['site_lang']) ? $_SESSION['site_lang'] : 'en';
                $languageName = 'displayname';
                if($siteLang == 'en') {
                    $languageName = 'displaynameEnglish';
                } elseif($siteLang == 'fr') {
                    $languageName = 'displaynameFrench';
                }

                foreach($collections as $item) {
                    $categoryName = $item[$languageName];
                    $categoryList[] = $categoryName;
                    $categoryNames[$categoryName] = $item['collection'];
                }

                sort($categoryList);
                ?>

                <?php foreach($categoryList as $category): ?>
                <li>
                    <a href="#" class="btn btn-default btn-sm <?= $album == $categoryNames[$category] ? 'active' : '' ?>" data-filter=".<?= $categoryNames[$category] ?>">
                        <?= $category ?>
                    </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-->