{% extends "base.html" %}

{% block content %}

<div class="section">
  <div class="has-text-centered pb-5">
    <h1 class="title is-2">{{ gettext("Welcome, %(name)s!", name= view_model.company_name) }}</h1>

    <div class="has-text-centered py-5">
      <h1 class="title is-3">{{ gettext("Company accounting") }}</h1>
    </div>
    <div class="fixed-grid has-3-cols has-1-cols-mobile">
      <ul class="grid">
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_company.my_plans') }}">
            <h1 class="title is-5"><span class="icon">{{ "file"|icon }}</span> {{ gettext("Plans")
              }}
            </h1>
            <div class="subtitle is-6">{{ gettext("Your plans") }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_company.registered_hours_worked') }}">
            <h1 class="title is-5"><span class="icon">{{ "list"|icon }}</span> {{
              gettext("Hours worked") }}</h1>
            <div class="subtitle is-6">{{ gettext("Your registered working hours") }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_company.invite_worker_to_company') }}">
            <h1 class="title is-5"><span class="icon">{{ "users"|icon }}</span> {{
              gettext("Workers") }}</h1>
            <div class="subtitle is-6">{{ gettext("Members of your collective") }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ view_model.accounts_tile.url }}">
            <h1 class="title is-5">
              <span class="icon">{{ view_model.accounts_tile.icon|icon }}</i></span>
              {{ view_model.accounts_tile.title }}
            </h1>
            <div class="subtitle is-6">{{ view_model.accounts_tile.subtitle }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_company.my_cooperations') }}">
            <h1 class="title is-5"><span class="icon">{{ "hands-helping"|icon }}</span> {{
              gettext("Cooperations") }}
            </h1>
            <div class="subtitle is-6">{{ gettext("Your cooperations") }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_company.my_consumptions') }}">
            <h1 class="title is-5"><span class="icon">{{ "basket-shopping"|icon }}</i></span> {{
              gettext("Consumptions") }}
            </h1>
            <div class="subtitle is-6">{{ gettext("Your consumptions") }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_company.review_registered_consumptions') }}">
            <h1 class="title is-5"><span class="icon">{{ "exchange-alt"|icon }}</i></span> {{
              gettext("Product transfers") }}
            </h1>
            <div class="subtitle is-6">{{ gettext("Your product transfers") }}</div>
          </a>
        </li>
        <li class="cell box has-background-primary-light mb-0">
          <a href="{{ url_for('main_user.company_summary', company_id=current_user.id) }}">
            <h1 class="title is-5"><span class="icon">{{ "industry"|icon }}</span> {{
              gettext("Company") }}
            </h1>
            <div class="subtitle is-6">{{ gettext("Your company") }} "{{ view_model.company_name }}"</div>
          </a>
        </li>
      </ul>
    </div>
    <div class="has-text-centered py-5">
      <h1 class="title is-3">{{ gettext("Public accounting") }}</h1>
    </div>
    <div class="fixed-grid has-3-cols has-1-cols-mobile">
      <ul class="grid">
        <li class="cell box has-background-warning-light mb-0">
          <a href="{{ url_for('main_user.query_offers') }}">
            <h1 class="title is-5"><span class="icon">{{ "file"|icon }}</span>
              {{ gettext("Search offers") }}</h1>
            <div class="subtitle"></div>
          </a>
        </li>
        <li class="cell box has-background-warning-light mb-0">
          <a href="{{ url_for('main_user.query_companies') }}">
            <h1 class="title is-5"><span class="icon">{{ "industry"|icon }}</span>
              {{ gettext("All companies") }}</h1>
            <div class="subtitle"></div>
          </a>
        </li>
        <li class="cell box has-background-warning-light mb-0">
          <a href="{{ url_for('main_user.list_transfers') }}">
            <h1 class="title is-5"><span class="icon">{{ "list"|icon }}</span>
              {{ gettext("All transfers") }}</h1>
            <div class="subtitle"></div>
          </a>
        </li>
        <li class="cell box has-background-warning-light mb-0">
          <a href="{{ url_for('main_user.list_all_cooperations') }}">
            <h1 class="title is-5"><span class="icon">{{ "hands-helping"|icon }}</span> {{
              gettext("All cooperations") }}
            </h1>
            <div class="subtitle"></div>
          </a>
        </li>
        <li class="cell box has-background-warning-light mb-0">
          <a href="{{ url_for('main_user.statistics') }}">
            <h1 class="title is-5"><span class="icon">{{ "chart-pie"|icon }}</span> {{
              gettext("Global statistics") }}
            </h1>
            <div class="subtitle"></div>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

{% endblock %}