{% extends "base.html" %}

{% block title %}Головна{% endblock %}

{% block content %}
<div class="container py-5">
  <h1 class="mb-4 text-center">Ласкаво просимо в наш проєкт «Банківська виписка»</h1>

  <div class="row align-items-center mb-5">
    <div class="col-md-6">
      <p>Наш проєкт представляє собою зручний інструмент для автоматизації завантаження та обробки банківських виписок у системі Syrve.
      Він допомагає швидко формувати проводки за операціями поповнення та списання, економлячи час та знижуючи ризик помилок.</p>
      <p>Вам більше не потрібно вручну розписувати кожну операцію — система сама розпізнає контрагентів, суми та призначення платежів, коректно відображаючи їх у обліку. <strong>Швидкість, точність та автоматизація</strong> — три ключові переваги нашого рішення.</p>
      <p>Додатково ви можете налаштувати принципи розподілу платежів, прив’язку до закритих періодів та багато іншого.</p>
    </div>
    <div class="col-md-6 text-center">
      <img src="{{ url_for('static', filename='images/11.png') }}"
           alt="Демонстрація проєкту"
           class="img-fluid rounded shadow-sm">
    </div>
  </div>

  <div class="row mb-5">
    <div class="col">
      <h3>Основні можливості</h3>
      <ul>
        <li>Завантаження виписок у форматі 1С (PDF) через зручний веб-інтерфейс</li>
        <li>Автоматичне зіставлення з уже існуючими документами</li>
        <li>Деталізовані налаштування рахунків списання/надходження</li>
        <li>Підтримка контрагентів з різними ІПН та банківськими реквізитами</li>
        <li>Гнучка робота із закритими періодами</li>
        <li>Інтеграція із Syrve для швидкого завантаження платежів</li>
      </ul>
      <p>Детальніше про те, як налаштувати і використовувати систему, дивіться в нашій докладній інструкції.</p>
    </div>
  </div>

  <!-- Підтримувані банки -->
  <div class="row mb-5">
    <div class="col">
      <h3>Підтримувані банки</h3>
      <ul class="list-group list-group-flush">
        <li class="list-group-item"><strong>Приват Банк</strong></li>
        <li class="list-group-item"><strong>Таском Банк</strong></li>
        <li class="list-group-item"><strong>Моно Банк</strong></li>
        <li class="list-group-item"><strong>МТБ Банк</strong></li>
        <li class="list-group-item"><strong>Укр Газ Банк</strong></li>
        <li class="list-group-item"><strong>Райфайзен Банк</strong></li>
        <li class="list-group-item"><strong>Сенс Банк</strong></li>
      </ul>
    </div>
  </div>

</div>
{% endblock %}