# CaseForm Steps 3-5 - Создание компонентов

## Дата: 2026-05-05

### Созданные компоненты:

#### 1. Step3Circumstances.jsx (5.5 KB)
Обстоятельства потери

Поля:
- reason (причина) - кнопки: ушёл_сам, заблудился, отстал_от_группы, конфликт, неизвестно
- lost_time (дата/время потери) - datetime-local input
- elapsed_hours (прошло часов) - number input с шагом 0.5
- last_known_place (последнее место) - text input
- direction (направление) - 8 сторон света + неизвестно (N, NE, E, SE, S, SW, W, NW, unknown)
- circumstances_description (описание) - textarea (5 строк)

#### 2. Step4Environment.jsx (9.5 KB)
Среда и местность

Поля:
- season (сезон) - кнопки: зима, весна, лето, осень
- temperature (температура) - number input (-40 до +40°C)
- precipitation (осадки) - кнопки: нет, дождь, снег, туман
- visibility (видимость) - кнопки: хорошая, средняя, плохая
- terrain (типы местности) - МУЛЬТИВЫБОР чекбоксы (10 типов):
  лес, поле, болото, водоём, горы, населённый_пункт, дороги, 
  заброшенные_здания, сельхоз, овраги

GPS функционал:
- Кнопка получения координат через navigator.geolocation API
- tnp_lat (широта) - number input с step 0.000001
- tnp_lon (долгота) - number input с step 0.000001
- tnp_address (адрес) - text input с подсказкой об автопреобразовании

Особенности GPS:
- enableHighAccuracy: true
- timeout: 10000ms
- maximumAge: 0
- Индикатор загрузки (gps_loading)
- Обработка ошибок с alert

#### 3. Step5Resources.jsx (5.4 KB)
Ресурсы для поиска

Поля:
- search_groups (количество групп) - number input (0-100)
- search_people (количество человек) - number input (0-1000)
- has_dog (поисковая собака) - кнопки: Да/Нет (boolean)
- equipment (оборудование) - МУЛЬТИВЫБОР чекбоксы (10 типов):
  дрон, тепловизор, квадроцикл, лодка, вертолёт, рации, 
  GPS навигаторы, медицинская бригада, прожекторы, мегафон
- resources_notes (доп. информация) - textarea (4 строки)

### Обновления CSS:

Добавлены стили:
- .gps-button - зелёная кнопка (#238636) с hover (#2ea043)
- .gps-button:disabled - серая с курсором not-allowed
- input[type=datetime-local] - стилизация под общую палитру ЦОУ

### Палитра ЦОУ:
- Background: #0a0c0f, #161b22, #0d1117
- Accent: #ff4d00
- Text: #e6edf3
- Borders: #21262d, #30363d
- GPS button: #238636 (зелёный)

### Файлы:
1. Step3Circumstances.jsx - создан (5.5 KB)
2. Step4Environment.jsx - создан (9.5 KB)
3. Step5Resources.jsx - создан (5.4 KB)
4. CaseForm.css - обновлен

### Статус:
Step3 - обстоятельства (6 полей)
Step4 - среда + GPS + мультивыбор местности (10 типов)
Step5 - ресурсы + мультивыбор оборудования (10 типов)
GPS кнопка с navigator.geolocation
Ручной ввод координат и адреса
Палитра ЦОУ применена

Дата создания: 2026-05-05