{% extends "base_stie.html" %}
{% load i18n %}

{% block content %}
  <div class="content">
    <div class="content-header">
      {% if perms.cms.add_file %}
        <div class="pull-right">
          <a href="{% url 'admin:cms_file_add' %}"><i class="fa fa-plus"></i> {% trans 'Файл нэмэх' %}</a>
        </div>
      {% endif %}
      <h1>{{ object.name }}</h1>
    </div>
  </div>

  <form method="get" autocomplete="off">
    <input id="id_search_control" name="q" type="text" class="form-control search-control" placeholder="{% trans 'Нэр эсвэл дугаараар хайх' %}"
           value="{{ request.GET.q }}">
  </form>

  {% if files %}
    <div class="latest-posts files" style="margin-top: 15px;">
      <div class="news-box" style="margin: 0 0 2px;">
        <div class="new-txt">
          <div class="row">
            {% if object.show_number and object.show_date %}
              <div class="col-md-7 col-sm-7">
                <b>{% trans 'Нэр' %}</b>
              </div>
            {% elif not object.show_number and not object.show_date %}
              <div class="col-md-11 col-sm-11">
                <b>{% trans 'Нэр' %}</b>
              </div>
            {% else %}
              <div class="col-md-9 col-sm-9">
                <b>{% trans 'Нэр' %}</b>
              </div>
            {% endif %}
            {% if object.show_number %}
              <div class="col-md-2 col-sm-2">
                <b>{% trans 'Дугаар' %}</b>
              </div>
            {% endif %}
            {% if object.show_date %}
              <div class="col-md-2 col-sm-2">
                <b>{% trans 'Огноо' %}</b>
              </div>
            {% endif %}
            <div class="col-md-1 col-sm-1 text-right">
              <b>{% trans 'Татах' %}</b>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="latest-posts files" style="margin-top: 0;">
      {% for obj in files %}
        <div class="news-box" style="margin-bottom: 1px;">
          <div class="new-txt">
            <div class="row">
              {% if object.show_number and object.show_date %}
                <div class="col-md-7 col-sm-7">
                  <h6 style="margin: 0;">
                    <a href="{{ obj.file.url }}" target="_blank">{{ obj.name }}</a>
                  </h6>
                </div>
              {% elif not object.show_number and not object.show_date %}
                <div class="col-md-11 col-sm-11">
                  <h6 style="margin: 0;">
                    <a href="{{ obj.file.url }}" target="_blank">{{ obj.name }}</a>
                  </h6>
                </div>
              {% else %}
                <div class="col-md-9 col-sm-9">
                  <h6 style="margin: 0;">
                    <a href="{{ obj.file.url }}" target="_blank">{{ obj.name }}</a>
                  </h6>
                </div>
              {% endif %}
              {% if object.show_number %}
                <div class="col-md-2 col-sm-2">
                  {{ obj.number|default:'-' }}
                </div>
              {% endif %}
              {% if object.show_date %}
                <div class="col-md-2 col-sm-2">
                  {{ obj.date|default:'-' }}
                </div>
              {% endif %}
              <div class="col-md-1 col-sm-1 text-right">
                <a href="{{ obj.file.url }}" target="_blank"><i class="fa fa-download"></i></a>
              </div>
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  {% else %}
    <div class="latest-posts files" style="margin-top: 15px;">
      <div class="news-box" style="padding: 15px 20px 20px;">
        {% trans 'Мэдээлэл байхгүй байна.' %}
      </div>
    </div>
  {% endif %}
{% endblock %}