{{--
    Partial: карточка «Аналитика» — Яндекс.Метрика и Google Analytics
    Переменные из родителя: $settings (ассоциативный массив всех настроек)
--}}
<div class="card card-warning card-outline">
    <div class="card-header">
        <h3 class="card-title">
            <i class="fas fa-chart-bar mr-2"></i>Аналитика
        </h3>
        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                <i class="fas fa-minus"></i>
            </button>
        </div>
    </div>
    <div class="card-body">

        {{-- Яндекс.Метрика --}}
        <div class="form-group">
            <label class="font-weight-bold">Номер счётчика Яндекс.Метрика</label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text" style="background:#FF0000;color:#fff;border-color:#FF0000;font-weight:700">ЯМ</span>
                </div>
                <input type="text" name="yandex_metrika"
                       class="form-control @error('yandex_metrika') is-invalid @enderror"
                       value="{{ old('yandex_metrika', $settings['yandex_metrika'] ?? '') }}"
                       placeholder="12345678"
                       pattern="\d{6,12}"
                       maxlength="12">
            </div>
            <small class="text-muted">
                Только цифры ID, без кода скрипта. Найти в Метрике: Настройки → Счётчик → Номер счётчика.<br>
                Пример: <code>98765432</code>. Оставьте пустым — счётчик не подключается.
            </small>
            @error('yandex_metrika')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <hr class="my-3">

        {{-- Google Analytics --}}
        <div class="form-group mb-0">
            <label class="font-weight-bold">ID ресурса Google Analytics (GA4)</label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text" style="background:#4285F4;color:#fff;border-color:#4285F4;font-weight:700">GA</span>
                </div>
                <input type="text" name="google_analytics"
                       class="form-control @error('google_analytics') is-invalid @enderror"
                       value="{{ old('google_analytics', $settings['google_analytics'] ?? '') }}"
                       placeholder="G-XXXXXXXXXX"
                       maxlength="20">
            </div>
            <small class="text-muted">
                Формат: <code>G-XXXXXXXXXX</code> (GA4). Найти в Google Analytics:
                Администратор → Потоки данных → Web → Идентификатор потока данных.<br>
                Оставьте пустым — счётчик не подключается.
            </small>
            @error('google_analytics')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

    </div>
    <div class="card-footer bg-light">
        <small class="text-muted">
            <i class="fas fa-shield-alt text-success mr-1"></i>
            Коды метрик выводятся только если поле заполнено. На локальном сервере (<code>localhost</code>) счётчики автоматически не срабатывают.
        </small>
    </div>
</div>
