# Использование формы быстрого заказа ремонта

## Базовое использование

Форма быстрого заказа ремонта может быть добавлена на любую страницу с помощью шорткода:

```
[tech_repair_form text="Заказать ремонт" class="primary-button"]
```

Параметры шорткода:
- `text` - текст кнопки (по умолчанию: "Quick Repair Order")
- `class` - дополнительные CSS-классы для кнопки

## Вызов формы из произвольных кнопок

Вы можете вызывать форму быстрого заказа из любых кнопок или ссылок на сайте, добавив один из следующих классов:

```html
<!-- Вариант 1: использование класса tech-repair-form-button -->
<a href="#" class="tech-repair-form-button">Заказать ремонт</a>

<!-- Вариант 2: использование класса open-repair-form -->
<button class="open-repair-form">Заказать ремонт сейчас</button>
```

## Настройка формы через data-атрибуты

Вы можете настраивать внешний вид и поведение формы с помощью data-атрибутов:

```html
<a href="#" 
   class="open-repair-form" 
   data-form-title="Срочный ремонт iPhone" 
   data-form-subtitle="Заполните форму для быстрого заказа" 
   data-submit-text="Отправить заявку" 
   data-device-id="123">
   Ремонт iPhone
</a>
```

Доступные data-атрибуты:
- `data-form-title` - заголовок формы
- `data-form-subtitle` - подзаголовок формы
- `data-submit-text` - текст кнопки отправки
- `data-device-id` - ID устройства для предварительного выбора

## Примеры использования в Elementor

### Добавление кнопки вызова формы в Elementor

1. Добавьте виджет "Кнопка" на страницу
2. В настройках кнопки:
   - Установите текст кнопки (например, "Заказать ремонт")
   - В поле "ID" или "CSS-классы" добавьте класс `open-repair-form`
   - В разделе "Дополнительные параметры" добавьте атрибуты:
     - `data-form-title` = "Ваш заголовок формы"
     - `data-device-id` = ID нужного устройства

### Добавление кнопки вызова формы в HTML-виджет

```html
<button class="open-repair-form elementor-button elementor-size-md" 
        data-form-title="Срочный ремонт" 
        data-submit-text="Отправить заявку">
    Заказать срочный ремонт
</button>
```

## Добавление кнопки вызова формы в тему

Вы можете добавить кнопку вызова формы в любой шаблон темы, например, в header.php:

```php
<div class="header-repair-button">
    <a href="#" class="open-repair-form" data-form-title="<?php echo esc_attr__('Quick Repair', 'your-theme'); ?>">
        <?php echo esc_html__('Order Repair', 'your-theme'); ?>
    </a>
</div>
```
