{% extends "base.html" %}

{% block title %}{{ settings.company_name }} — Реквизиты компании{% endblock %}

{% block content %}
<header class="hero" id="top">
  <div class="container">
    <div class="topbar">
      <a class="brand" href="{{ url_for('index') }}" aria-label="{{ settings.company_name }}">
        <img src="{{ url_for('static', filename='img/infrait-logo.png') }}" alt="{{ settings.company_name }} logo" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline-flex';">
        <span class="brand-fallback">{{ settings.company_name }}</span>
      </a>
      <nav class="nav">
        <a href="{{ url_for('index') }}#services">Услуги</a>
        <a href="{{ url_for('index') }}#pricing">Тарифы</a>
        <a href="{{ url_for('index') }}#faq">FAQ</a>
        <a href="{{ url_for('index') }}#contact">Контакты</a>
        <a href="{{ url_for('company_details') }}">Реквизиты</a>
      </nav>
      <a href="tel:{{ settings.phone_link }}" class="phone">{{ settings.phone_display }}</a>
    </div>
  </div>
</header>

<main>
  <section class="section">
    <div class="container two-col">
      <article class="panel">
        <h1>Реквизиты компании</h1>
        <p class="section-subtitle">Актуальные данные для договоров и бухгалтерских документов.</p>
        <ul class="contacts">
          <li><strong>Юридическое наименование:</strong> {{ settings.company_legal_name or "-" }}</li>
          <li><strong>ИНН:</strong> {{ settings.company_inn or "-" }}</li>
          <li><strong>КПП:</strong> {{ settings.company_kpp or "-" }}</li>
          <li><strong>ОГРН / ОГРНИП:</strong> {{ settings.company_ogrn or "-" }}</li>
          <li><strong>Банк:</strong> {{ settings.company_bank_name or "-" }}</li>
          <li><strong>БИК:</strong> {{ settings.company_bik or "-" }}</li>
          <li><strong>Расчётный счёт:</strong> {{ settings.company_account or "-" }}</li>
          <li><strong>Корреспондентский счёт:</strong> {{ settings.company_correspondent_account or "-" }}</li>
          <li><strong>Юридический адрес:</strong> {{ settings.company_legal_address or "-" }}</li>
        </ul>
      </article>

      <article class="panel">
        <h2>Контакты</h2>
        <ul class="contacts">
          <li><strong>Компания:</strong> {{ settings.company_name }}</li>
          <li><strong>Телефон:</strong> <a href="tel:{{ settings.phone_link }}">{{ settings.phone_display }}</a></li>
          <li><strong>Email:</strong> <a href="mailto:{{ settings.email }}">{{ settings.email }}</a></li>
          <li><strong>Выезды:</strong> {{ settings.geo_primary }}</li>
          <li><strong>По России:</strong> {{ settings.geo_secondary }}</li>
        </ul>
        <div class="cta-row">
          <a href="{{ url_for('index') }}#contact" class="btn btn-primary">Оставить заявку</a>
          <a href="{{ url_for('index') }}" class="btn btn-secondary">На главную</a>
        </div>
      </article>
    </div>
  </section>
</main>

<footer class="footer">
  <div class="container footer-inner">
    <div>
      <a class="footer-logo" href="{{ url_for('index') }}" aria-label="{{ settings.company_name }}">
        <img src="{{ url_for('static', filename='img/infrait-logo.png') }}" alt="{{ settings.company_name }} logo" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline-flex';">
        <span class="brand-fallback">{{ settings.company_name }}</span>
      </a>
      <p>Комплексное IT-обслуживание бизнеса: компьютеры, серверы и сети.</p>
    </div>
    <div>
      <p><a href="tel:{{ settings.phone_link }}">{{ settings.phone_display }}</a></p>
      <p><a href="mailto:{{ settings.email }}">{{ settings.email }}</a></p>
    </div>
  </div>
</footer>
{% endblock %}