@php
    $title = 'Импорт тарифов — Hotel Pineta';
    $heading = 'Импорт тарифов';
    $subheading = 'Импорт тарифов из гостевой таблицы и журнал уведомлений';
@endphp

@extends('layouts.admin')

@section('content')
    <div class="grid">
        <div class="card">
            <div class="actions-row" style="justify-content:space-between; align-items:center;">
                <div>
                    <h3 class="section-title" style="margin-bottom:8px;">Импорт из гостевой Google-таблицы</h3>
                    <div class="muted">Импорт читает тарифы и ограничения из гостевой Google-таблицы через Web App и записывает их в MySQL.</div>
                    <div class="muted" style="margin-top:8px;">Гостевая таблица: <strong>{{ config('hotel.google_guest_sheet_name') }}</strong></div>
                    <div class="muted">Админская таблица: <strong>{{ config('hotel.google_admin_sheet_name') }}</strong></div>
                </div>
                <form method="post" action="{{ route('admin.rate_imports.run') }}" id="rateImportForm">
                    @csrf
                    <button type="submit" class="primary" id="rateImportSubmit">Запустить импорт</button><div class="help" style="margin-top:8px;">Ручной запуск импортирует тестовый период с сегодняшнего дня до 31.05.2026 в MySQL. Пустые дни в Google Таблице будут пропущены.</div><div class="loading-indicator" id="rateImportLoading" hidden style="display:none;margin-top:12px;"><span class="loading-spinner" aria-hidden="true"></span><span class="loading-text">Идёт обмен данными с Google Таблицей…</span></div>
                </form>
            </div>
        </div>

        <div class="card">
            <h3 class="section-title">Логи импорта тарифов</h3>
            @if ($imports->isEmpty())
                <div class="empty">Логи импорта ещё не создавались.</div>
            @else
                <div class="list">
                    @foreach ($imports as $import)
                        <div class="list-item">
                            <div style="display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;">
                                <strong>{{ $import->status }}</strong>
                                <div class="muted">{{ $import->created_at?->format('d.m.Y H:i') }}</div>
                            </div>
                            <div style="margin-top:8px;">{{ $import->message }}</div>
                            <div class="muted" style="margin-top:8px;">
                                Источник: {{ $import->source }} · режим: {{ $import->mode }} · комнат: {{ $import->rooms_processed }} · дней: {{ $import->days_processed }} · записей: {{ $import->rows_written }}
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="pagination">
                    {{ $imports->links() }}
                </div>
            @endif
        </div>

        <div class="card">
            <h3 class="section-title">Последние уведомления</h3>
            @if ($notifications->isEmpty())
                <div class="empty">Уведомления ещё не отправлялись.</div>
            @else
                <div class="list">
                    @foreach ($notifications as $notification)
                        <div class="list-item">
                            <div style="display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;">
                                <strong>{{ $notification->event }}</strong>
                                <div class="muted">{{ $notification->sent_at?->format('d.m.Y H:i') ?: '—' }}</div>
                            </div>
                            <div style="margin-top:6px;">{{ $notification->subject }}</div>
                            <div class="muted" style="margin-top:6px;">
                                {{ $notification->recipient_type }} · {{ $notification->recipient_email ?: 'без email' }} · {{ $notification->status }}
                                @if($notification->booking)
                                    · бронь {{ $notification->booking->booking_number }}
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@endsection

@push('scripts')
<script>
(function(){
  const form=document.getElementById('rateImportForm');
  const btn=document.getElementById('rateImportSubmit');
  const loading=document.getElementById('rateImportLoading');
  if(!form) return;
  form.addEventListener('submit', function(){
    if (form.dataset.submitted === '1') { return; }
    form.dataset.submitted = '1';
    if (loading) { loading.hidden = false; loading.style.display = 'flex'; }
    if (btn) { btn.disabled = true; btn.textContent = 'Импортируем…'; }
  });
})();
</script>
@endpush