{% extends "base.html" %}
{% block title %}{{ service.name }}{% endblock %}
{% block content %}
<div class="container py-4">
  <nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{{ url_for('index') }}">Главная</a></li>
      <li class="breadcrumb-item"><a href="{{ url_for('services') }}">Услуги</a></li>
      <li class="breadcrumb-item active">{{ service.name }}</li>
    </ol>
  </nav>

  <div class="row g-4">
    <div class="col-md-5">
      {{SVC_DETAIL_IMAGE}}
    </div>
    <div class="col-md-7">
      <h1 class="mb-3">{{ service.name }}</h1>

      {{SVC_DETAIL_FIELDS}}

      {% if session.get('user_id') %}
        {% if session.get('role') == 'admin' %}
        <div class="alert alert-info mt-3">
          <i class="bi bi-shield-check me-2"></i>Вы вошли как администратор. Подача заявок недоступна.
        </div>
        {% else %}
        <button type="button" class="btn btn-primary btn-lg" data-bs-toggle="modal" data-bs-target="#requestServiceModal">
          <i class="bi bi-check-circle me-2"></i>Записаться / Подать заявку
        </button>
        {% endif %}
      {% else %}
      <a href="{{ url_for('login') }}" class="btn btn-outline-primary btn-lg">
        Войдите, чтобы записаться
      </a>
      {% endif %}
    </div>
  </div>
</div>

<!-- Модальное окно: Подать заявку на услугу -->
{% if session.get('user_id') and session.get('role') != 'admin' %}
<div class="modal fade" id="requestServiceModal" tabindex="-1" aria-labelledby="requestServiceModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="requestServiceModalLabel">Подать заявку на «{{ service.name }}»</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <form action="{{ url_for('request_service', service_id=service.id) }}" method="post">
        <div class="modal-body">
          <p class="text-muted mb-3">Заполните данные для подачи заявки:</p>
          {{REQUEST_FIELDS_HTML}}
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
          <button type="submit" class="btn btn-primary">Отправить заявку</button>
        </div>
      </form>
    </div>
  </div>
</div>
{% endif %}

{{SERVICE_REVIEWS_BLOCK}}

{% endblock %}