{% extends "base.html" %}
{% load i18n %}
{% load translations %}
{% load permissions %}
{% load crispy_forms_tags %}
{% load metrics %}

{% block breadcrumbs %}
{% path_object_breadcrumbs path_object %}

<a class="pull-right flip" href="{{ object.get_widgets_url }}">
<img src="{% url 'widget-image' path=object.get_url_path widget='svg' color='badge' extension='svg' %}?native=1" />
</a>
{% endblock %}

{% block content %}

{% announcements project=object %}

{% include "snippets/project/state.html" %}

{% include "snippets/watch-dropdown.html" with project=object %}

{% perm 'meta:vcs.status' object as user_can_see_repository_status %}
{% perm 'project.permissions' object as user_can_manage_acl %}
{% perm 'project.edit' object as user_can_edit_project %}
{% perm 'reports.view' object as user_can_view_reports %}

<ul class="nav nav-pills">
    <li class="active"><a href="#components" data-toggle="tab">{% trans "Components" %}</a></li>
    <li><a href="#languages" data-toggle="tab">{% trans "Languages" %}</a></li>
    <li><a href="#information" data-toggle="tab">{% trans "Info" %}</a></li>
    <li><a href="#search" data-toggle="tab">{% trans "Search" %}</a></li>
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        {% trans "Insights" %} <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#history" data-toggle="tab">{% trans "History" %}</a></li>
          {% if last_announcements %}
          <li><a href="#announcement-history" data-toggle="tab">{% trans "Announcements" %}</a></li>
          {% endif %}
          <li><a href="{% url 'export_stats' path=object.get_url_path %}?format=csv">{% trans "Download statistics (CSV)" %}</a></li>
          <li><a href="{% url 'export_stats' path=object.get_url_path %}?format=json">{% trans "Download statistics (JSON)" %}</a></li>
          {% if user.is_authenticated %}
              <li><a href="#reports" data-toggle="tab">{% trans "Translation reports" %}</a></li>
          {% endif %}
        </ul>
    </li>
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        {% trans "Files" %} <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
        <li><a href="{% url 'download' path=object.get_url_path %}?format=zip" title="{% trans "Download for offline translation." %}">{% blocktrans %}Download translation files as ZIP file{% endblocktrans %}</a></li>
        </ul>
    </li>
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        {% trans "Tools" %} <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          {% if replace_form %}
              <li><a href="#replace" data-toggle="tab">{% trans "Search and replace" %}</a></li>
          {% endif %}
          {% if bulk_state_form %}
              <li><a href="#bulk-edit" data-toggle="tab">{% trans "Bulk edit" %}</a></li>
          {% endif %}
              <li><a href="{% url 'data_project' project=object.slug  %}">{% trans "Data exports" %}</a></li>
              <li><a href="{% url 'checks' path=object.get_url_path %}">{% trans "Failing checks" %}</a></li>
        </ul>
    </li>
    {% if user_can_manage_acl or user_can_edit_project or user_can_see_repository_status or user.is_authenticated %}
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        {% trans "Manage" %} <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
        {% if user_can_see_repository_status %}
          <li><a href="#repository" data-toggle="tab" data-href="{% url 'git_status' path=object.get_url_path %}">{% trans "Repository maintenance" %}</a></li>
        <li role="separator" class="divider"></li>
        {% endif %}
        <li><a href="{% url 'memory' project=object.slug %}">{% trans "Translation memory" %}</a></li>
        {% if announcement_form %}
          <li><a href="#announcement" data-toggle="tab">{% trans "Post announcement" %}</a></li>
        {% endif %}
        {% if user_can_edit_project %}
          <li><a href="#add-category" data-toggle="tab">{% trans "Add new category" %}</a></li>
          <li><a href="{% url 'create-component' %}?project={{ object.pk }}">{% trans "Add new translation component" %}</a></li>
          {% if offer_hosting %}
            {% for billing in object.billings %}
              {% if billing.is_libre_trial %}
                <li><a href="{{ billing.get_absolute_url }}">{% trans "Request approval for Libre hosting" %}</a></li>
              {% endif %}
            {% endfor %}
          {% endif %}
        {% endif %}
        {% if user_can_manage_acl %}
          <li><a href="{% url 'manage-access' project=object.slug %}#users">{% trans "Users" %}</a></li>
          <li><a href="{% url 'manage-access' project=object.slug %}#api">{% trans "API access" %}</a></li>
        {% endif %}
        {% if user_can_edit_project %}
        <li><a href="{% url 'fonts' project=object.slug %}">{% trans "Fonts" %}</a></li>
        <li><a href="{% url 'labels' project=object.slug %}">{% trans "Labels" %}</a></li>
        <li><a href="{% url 'machinery-list' project=object.slug %}">{% trans "Automatic suggestions" %}</a></li>
        <li><a href="{% url 'backups' project=object.slug %}">{% trans "Backups" %}</a></li>
        <li><a href="{% url 'settings' path=object.get_url_path %}">{% trans "Settings" %}</a></li>
        {% endif %}

        {% if user_can_view_billing and object.billings %}
          {% for billing in object.billings %}
            <li><a href="{{ billing.get_absolute_url }}">{% trans "Billing" %}</a></li>
          {% endfor %}
        {% endif %}

        {% if delete_form or rename_form %}
        <li role="separator" class="divider"></li>
        <li><a href="#organize" data-toggle="tab">{% trans "Organize or remove" %}</a></li>
        {% endif %}
        </ul>
    </li>
    {% endif %}
    {% if enable_sharing %}
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        {% trans "Share" %} <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
    {% with share_url=object.get_share_url widgets_url=object.get_widgets_url %}
        <li><a href="https://www.facebook.com/sharer.php?u={{ share_url }}">{% trans "Share on Facebook" %}</a></li>
        <li><a href="https://twitter.com/share?text={% blocktrans %}Translate {{ object }} using %23Weblate at {{ share_url }}!{% endblocktrans %}">{% trans "Tweet this translation" %}</a></li>
        <li><a href="{% url 'engage' path=object.get_url_path %}">{% trans "Engage page" %}</a></li>
        <li><a href="{{ widgets_url }}">{% trans "Status widgets" %}</a></li>
    {% endwith %}
        </ul>
    </li>
    {% endif %}
</ul>

<div class="tab-content">
<div class="tab-pane active" id="components">

{% include "snippets/list-objects.html" with objects=components list_categories=categories name_source="name" label=_("Component") add_link="component" %}

{% include "paginator.html" with page_obj=components %}

</div>

<div class="tab-pane" id="information">
  {% include "snippets/info.html" with project=object stats=object.stats metrics=object|metrics show_source=True %}
</div>

<div class="tab-pane" id="languages">

{% include "snippets/list-objects.html" with objects=language_stats name_source="language" label=_("Language") project=object global_base=object.stats %}

</div>

<div class="tab-pane" id="history">
{% include "last-changes-content.html" %}
<a class="btn btn-primary" href="{% url 'changes' path=object.get_url_path %}">{% trans "Browse all project changes" %}</a>
</div>

{% if last_announcements %}
<div class="tab-pane" id="announcement-history">
{% include "last-changes-content.html" with last_changes=last_announcements %}
<a class="btn btn-primary" href="{% url 'changes' path=object.get_url_path %}?action=46">{% trans "Browse all project changes" %}</a>
</div>
{% endif %}

<div class="tab-pane" id="search">

<form action="{% url 'search' path=object.get_url_path %}" method="GET" data-persist="search-project">
{% include "snippets/search-form.html" %}
</form>

</div>

{% if replace_form %}
<div class="tab-pane" id="replace">
<form action="{% url 'replace' path=object.get_url_path %}" method="post" enctype="multipart/form-data">
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">
  {% documentation_icon 'user/translating' 'search-replace' right=True %}
  {% trans "Search and replace" %}
</h4></div>
<div class="panel-body">
{% crispy replace_form %}
</div>
<div class="panel-footer">
<input type="submit" value="{% trans "Replace" %}" class="btn btn-primary" />
</div>
</div>
</form>
</div>
{% endif %}

{% if bulk_state_form %}
<div class="tab-pane" id="bulk-edit">
<form action="{% url 'bulk-edit' path=object.get_url_path %}" method="post" enctype="multipart/form-data">
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">
  {% documentation_icon 'user/translating' 'bulk-edit' right=True %}
  {% trans "Bulk edit" %}
</h4></div>
<div class="panel-body">
{% crispy bulk_state_form %}
</div>
<div class="panel-footer">
<input type="submit" value="{% trans "Apply" %}" class="btn btn-primary" />
</div>
</div>
</form>
</div>
{% endif %}


{% if announcement_form %}
<div class="tab-pane" id="announcement">
<form action="{% url 'announcement' path=object.get_url_path %}" method="post">
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">
{% documentation_icon 'admin/announcements' right=True %}
{% trans "Post announcement" %}
</h4></div>
<div class="panel-body">
{% csrf_token %}
{{ announcement_form|crispy }}
<p class="help-block">{% trans "The message is shown for all translations within the project, until its given expiry, or permanently until it is deleted." %}</p>
</div>
<div class="panel-footer">
<input type="submit" value="{% trans "Add" %}" class="btn btn-primary" />
</div>
</form>

</div>
</div>
{% endif %}

{% if user_can_edit_project %}
<div class="tab-pane" id="add-category">

<form method="post" action="{% url 'add-category' path=object.get_url_path %}">
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">{% trans "Add a category" %}</h4></div>
<div class="panel-body">
<div class="form-group">
</div>
{% crispy add_form %}
</div>
<div class="panel-footer">
<input type="submit" class="btn btn-warning" value="{% trans "Add" %}">
</div>
</div>
</form>

</div>
{% endif %}


{% if rename_form %}
<div class="tab-pane" id="organize">

{% if rename_form %}
<form method="post" action="{% url 'rename' path=object.get_url_path %}">
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">{% trans "Rename project" %}</h4></div>
<div class="panel-body">
<div class="form-group">
  <div class="alert alert-warning" role="alert">
    {% trans "Renaming the project will also change URLs for all its components." %}
    {% trans "Users will need to update their bookmarks, references in cloned repositories, or API calls!" %}
  </div>
</div>
{% crispy rename_form %}
</div>
<div class="panel-footer">
<input type="submit" class="btn btn-warning" value="{% trans "Rename" %}">
</div>
</div>
</form>
{% endif %}

{% if delete_form %}
{% include "trans/delete-form.html" %}
{% endif %}


</div>
{% endif %}

{% if user_can_see_repository_status %}
<div class="tab-pane" id="repository">
<p>{% trans "Loading…" %}</p>
</div>
{% endif %}

{% if user.is_authenticated %}
<div class="tab-pane" id="reports">
{% if not user_can_view_reports %}
{% trans "You don't have permission to view reports for all users, only your contributions will be listed." as msg %}
{% show_message "warning" msg %}
{% endif %}
<div class="row">
<div class="col-lg-6">
<form action="{% url 'credits' path=object.get_url_path %}" method="post" enctype="multipart/form-data">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
{% documentation_icon 'devel/reporting' 'credits' right=True %}
{% trans "Credits" %}
</h4>
</div>
<div class="panel-body">
<p>{% trans "Lists all translators contributing to this project in a given time period. Useful for inclusion in documentation or the app itself, to thank translators and generate feedback to them." %}</p>
{% crispy reports_form %}
</div>
<div class="panel-footer">
<input type="submit" value="{% trans "Generate" %}" class="btn btn-primary" />
</div>
</div>
</form>
</div>
<div class="col-lg-6">
<form action="{% url 'counts' path=object.get_url_path %}" method="post" enctype="multipart/form-data">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
{% documentation_icon 'devel/reporting' 'stats' right=True %}
{% trans "Contributor stats" %}
</h4>
</div>
<div class="panel-body">
<p>{% trans "Reports the number of strings and words translated by each translator." %}</p>
{% crispy reports_form %}
</div>
<div class="panel-footer">
<input type="submit" value="{% trans "Generate" %}" class="btn btn-primary" />
</div>
</div>
</form>
</div>
</div>
</div>
{% endif %}

</div>

{% endblock %}
