{% extends 'base.html.twig' %}
{% block title %}Oceanexpert - Statistics{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/social-buttons.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/google-fonts.css') }}">
{% endblock %}

{% block body %}
    {% include('navbarlogin.html.twig') %}
    <div class="container-fluid top-buffer70">
        <div class="container content justify">
            <legend>Statistics</legend>
            <div class="content">
                    OceanExperts provides a online service to create and maintain profiles of oceanographers and oceanographic institutions.
                    It is also used by the IOC community to maintain information and statistics on official events taking place at IOC and its programmes.
                    At present ({{ "now"|date("d F, Y", "Europe/Paris") }}) it contains following information:
                <br />
                <div class="col-md-5">
                    <table class="table borderless table-responsive table-hover table-statistics">
                        <tbody>
                        <tr>
                            <td>
                                <em class="fa fa-users fa-fw"></em>
                                Experts (active and retired)<br>
                                <a
                                        type="button"
                                        data-toggle="modal"
                                        href="#expertsPerCountry"
                                        class="btn btn-success expertsPerCountry">
                                    <i class="fa fa-list"></i>
                                    View/Download Active Experts per Country
                                </a>
                            </td>
                            <td>
                                    {{ data.countExperts | default('-') }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em class="fa fa-university fa-fw"></em>
                                <a
                                        href="/institutes"
                                        target="_blank">
                                    Institutes
                                </a>
                            </td>
                            <td>
                                    {{ data.countInstitutes | default('-') }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em class="fa fa-calendar fa-fw"></em>
                                <a
                                        href="/events"
                                        target="_blank">
                                    Events
                                </a>
                            </td>
                            <td>
                                    {{ data.countEvents | default('-') }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em class="fa fa-file fa-fw"></em>
                                <a
                                        href="/documents"
                                        target="_blank">
                                    Documents
                                </a>
                            </td>
                            <td>
                                    {{ data.countDocuments | default('-') }}
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

<!-- modal for showing active experts per country -->
            <div
                    class="modal fade"
                    id="expertsPerCountry"
                    tabindex="-1"
                    role="dialog"
                    aria-labelledby="expertsPerCountryLabel"
                    aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header btn-success">
                            <h3 class="modal-title" id="expertsPerCountryLabel">
                                Active Experts per Country
                            </h3>
                            Active experts are those that have been quality controlled and are not retired.
                        </div>
                        <div class="modal-footer">
                            <a
                                    href="{{ path('download_experts_per_country') }}"
                                    target="_blank">
                                <button
                                        type="button"
                                        class="btn btn-primary"
                                        id="export">
                                    <i class="fa fa-download fa-fw"></i>
                                    Export to CSV
                                </button>
                            </a>
                            <button
                                    type="button"
                                    class="btn btn-danger"
                                    data-dismiss="modal"
                                    id="make-changes">
                                <i class="fa fa-close"></i>
                                Close
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-xs-8 col-xs-offset-2">
                                    <table class="table borderless table-responsive table-hover table-statistics">
                                        <tbody>
                                    {% for expert in data.expertsPerCountry %}
                                        {% set link = '/advancedSearch?' %}
                                            {% set link = link ~ 'type%5B0%5D=experts&' %}
                                            {% set link = link ~ 'filter%5B0%5D=Country+is&' %}
                                            {% set link = link ~ 'keywords%5B0%5D=' ~ expert.countryId ~ '&' %}
                                            {% set link = link ~ 'toggle%5B0%5D=AND&' %}
                                            {% set link = link ~ 'type%5B1%5D=experts&' %}
                                            {% set link = link ~ 'filter%5B1%5D=Is+deceased&' %}
                                            {% set link = link ~ 'keywords%5B1%5D=0&' %}
                                            {% set link = link ~ 'toggle%5B1%5D=AND&' %}
                                            {% set link = link ~ 'type%5B2%5D=experts&' %}
                                            {% set link = link ~ 'filter%5B2%5D=Is+retired&' %}
                                            {% set link = link ~ 'keywords%5B2%5D=0&' %}
                                            {% set link = link ~ 'toggle%5B2%5D=AND&' %}
                                            {% set link = link ~ 'type%5B3%5D=experts&' %}
                                            {% set link = link ~ 'filter%5B3%5D=Is+Active&' %}
                                            {% set link = link ~ 'keywords%5B3%5D=1&' %}
                                            {% set link = link ~ 'action=advSearch' %}
                                            <tr>
                                                <td>
                                                    <strong>
                                                        {{ expert.countryName }}
                                                    </strong>
                                                </td>
                                                <td>
                                                    {{ expert.nrOfExperts }}
                                                </td>
                                                <td>
                                                    <a
                                                            href="{{ link }}"
                                                            target="_blank">
                                                        <i class="fa fa-search"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                    {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button
                                    type="button"
                                    class="btn btn-danger"
                                    data-dismiss="modal"
                                    id="make-changes">
                                Close
                            </button>
                        </div>
                    </div>
                </div>
            </div>
<!-- end of modal for showing experts per country -->
        </div>
    </div>
    {% include "footer.html.twig" %}
{% endblock %}