{% extends "base.html" %}
{% block title %}Управление услугами{% endblock %}
{% block content %}
<div class="container py-4">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h1>Управление услугами</h1>
    <a href="{{ url_for('admin_service_add') }}" class="btn btn-success">
      <i class="bi bi-plus-circle me-1"></i>Добавить услугу
    </a>
  </div>

  <!-- Форма добавления/редактирования -->
  <div class="card shadow-sm mb-4">
    <div class="card-header">
      {% if service %}Редактировать: {{ service.name }}{% else %}Новая услуга{% endif %}
    </div>
    <div class="card-body">
      <form method="post"
            action="{% if service %}{{ url_for('admin_service_edit', service_id=service.id) }}{% else %}{{ url_for('admin_service_add') }}{% endif %}"
            enctype="multipart/form-data">
        <div class="row g-3">
          <div class="col-md-6">
            <label class="form-label">Название <span class="text-danger">*</span></label>
            <input type="text" name="name" class="form-control"
                   value="{{ service.name if service else '' }}" required>
          </div>

          {{SVC_FORM_FIELDS}}
        </div>

        <div class="mt-3">
          <button type="submit" class="btn btn-primary">
            {% if service %}Сохранить изменения{% else %}Добавить услугу{% endif %}
          </button>
          {% if service %}
          <a href="{{ url_for('admin_services') }}" class="btn btn-secondary ms-2">Отмена</a>
          {% endif %}
        </div>
      </form>
    </div>
  </div>

  <!-- Список услуг -->
  {% if services %}
  <div class="card shadow-sm">
    <div class="card-header">Список услуг ({{ services|length }})</div>
    <div class="table-responsive">
      <table class="table table-hover mb-0">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>Название</th>
            {{SVC_TABLE_HEADERS}}
            <th>Действия</th>
          </tr>
        </thead>
        <tbody>
          {% for svc in services %}
          <tr>
            <td>{{ svc.id }}</td>
            <td>
              <a href="{{ url_for('service_detail', service_id=svc.id) }}" target="_blank">
                {{ svc.name }}
              </a>
            </td>
            {{SVC_TABLE_CELLS}}
            <td>
              <a href="{{ url_for('admin_service_edit', service_id=svc.id) }}"
                 class="btn btn-sm btn-outline-primary me-1">Изменить</a>
              <form action="{{ url_for('admin_service_delete', service_id=svc.id) }}"
                    method="post" class="d-inline"
                    onsubmit="return confirm('Удалить услугу «{{ svc.name }}»?')">
                <button type="submit" class="btn btn-sm btn-outline-danger">Удалить</button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% else %}
  <div class="alert alert-info">Услуги ещё не добавлены.</div>
  {% endif %}
</div>
{% endblock %}