@php
    $title = 'Закрыть номер для Booking — Hotel Pineta';
    $heading = 'Закрыть номер для Booking';
    $subheading = 'Блокировка и разблокировка продажи комнат по датам';

    $formatDate = static function ($value): string {
        if (! $value) {
            return '—';
        }

        try {
            return \Carbon\Carbon::parse($value)->format('d.m.Y');
        } catch (\Throwable $e) {
            return (string) $value;
        }
    };

    $actionLabels = [
        'blockBookingRooms' => 'Закрыть для Booking',
        'unblockBookingRooms' => 'Разблокировать',
        'ping' => 'Проверка связи',
    ];
@endphp

@extends('layouts.admin')

@section('content')
    <style>
        .booking-block-loading {
            display: none;
            align-items: center;
            gap: 10px;
            margin-top: 12px;
            padding: 12px 14px;
            border: 1px solid #bfdbfe;
            border-radius: 14px;
            background: #eff6ff;
            color: #1d4ed8;
            font-weight: 800;
        }
        .booking-block-loading.is-active { display: flex; }
        .booking-block-spinner {
            width: 18px;
            height: 18px;
            border: 3px solid rgba(29,78,216,.22);
            border-top-color: #1d4ed8;
            border-radius: 999px;
            animation: bookingBlockSpin .75s linear infinite;
        }
        @keyframes bookingBlockSpin { to { transform: rotate(360deg); } }
        .log-actions-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }
        .log-small {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.45;
        }
        .danger-lite {
            background: #fff7ed;
            color: #9a3412;
            border: 1px solid #fed7aa;
            border-radius: 999px;
            padding: 10px 14px;
            font-weight: 800;
            cursor: pointer;
        }
        .danger-lite:hover { background: #ffedd5; }
    </style>

    <div class="card">
        <h3>Блокировка номеров для Booking</h3>
        <p class="muted" style="margin-top:0; line-height:1.55;">
            Выберите одну или несколько комнат и даты. Система поставит метку <strong>Booking</strong> в базе и в Google Таблицах.
            Если позже в форме «Новая бронь» выбрать источник <strong>Booking</strong> на эту комнату и даты, блокировка снимется автоматически и вместо неё запишутся данные гостя.
        </p>

        <form method="post" action="{{ route('admin.booking_blocks.store') }}" class="form-grid js-google-wait-form" style="margin-top:16px;" data-loading-text="Идёт связь с Google Таблицами. Подождите, пожалуйста...">
            @csrf

            <div class="field">
                <label for="date_from">Дата с</label>
                <input id="date_from" type="date" name="date_from" value="{{ old('date_from', $defaults['date_from']) }}" required>
            </div>

            <div class="field">
                <label for="date_to">Дата по</label>
                <input id="date_to" type="date" name="date_to" value="{{ old('date_to', $defaults['date_to']) }}" required>
            </div>

            <div class="field full">
                <label>Комнаты</label>
                <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:10px;">
                    @foreach ($rooms as $room)
                        <label style="display:flex;gap:8px;align-items:center;background:#fbfcfa;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text);">
                            <input type="checkbox" name="room_ids[]" value="{{ $room->id }}" style="width:auto;" @checked(in_array((string) $room->id, old('room_ids', []), true))>
                            <span>№ {{ $room->code }}</span>
                        </label>
                    @endforeach
                </div>
                <div class="help" style="margin-top:8px;">Можно выбрать любую комнату: 1A, 2A, 3A, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11.</div>
            </div>

            <div class="field full">
                <div class="actions-row">
                    <button type="submit" class="primary">Закрыть для Booking</button>
                    <button type="submit" formaction="{{ route('admin.booking_blocks.destroy') }}" formmethod="post" name="_method" value="DELETE" class="secondary" onclick="return confirm('Снять блокировку Booking для выбранных комнат и дат?');">
                        Разблокировать
                    </button>
                </div>
                <div class="booking-block-loading js-loading-indicator"><span class="booking-block-spinner"></span><span class="js-loading-text">Идёт связь с Google Таблицами. Подождите, пожалуйста...</span></div>
                <div class="help" style="margin-top:8px;">
                    Разблокировка удаляет только служебные блокировки Booking. Реальные брони гостей не удаляются.
                </div>
            </div>
        </form>
    </div>

    <div class="card" style="margin-top:18px;">
        <h3>Активные блокировки Booking</h3>

        @if ($blocks->isEmpty())
            <div class="empty">Сейчас блокировок Booking в ближайшем периоде нет.</div>
        @else
            <div class="table-wrap">
                <table>
                    <thead>
                    <tr>
                        <th>Дата</th>
                        <th>Комната</th>
                        <th>Метка</th>
                        <th>Синхронизация</th>
                        <th>Создано</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($blocks as $block)
                        <tr>
                            <td>{{ $block->block_date?->format('d.m.Y') }}</td>
                            <td>№ {{ $block->room?->code }}</td>
                            <td><span class="badge awaiting_prepayment">{{ $block->label ?: 'Booking' }}</span></td>
                            <td>
                                <div>{{ $block->sync_status ?: '—' }}</div>
                                <div class="muted">{{ $block->synced_to_google_at?->format('d.m.Y H:i') ?: 'Google ещё не подтверждал' }}</div>
                            </td>
                            <td>
                                <div>{{ $block->created_at?->format('d.m.Y H:i') }}</div>
                                <div class="muted">{{ $block->createdBy?->name ?: 'Админ' }}</div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>

    <div class="card" style="margin-top:18px;">
        <h3>Диагностика Google Apps Script</h3>
        <p class="muted" style="margin-top:0; line-height:1.55;">
            Этот блок нужен только для проверки синхронизации Booking-блокировок. Ключ полностью не показывается.
        </p>

        <div style="display:grid;gap:8px;margin-top:12px;">
            <div><strong>URL скрипта:</strong> <span style="word-break:break-all;">{{ $diagnostics['script_url'] ?: 'не указан' }}</span></div>
            <div><strong>Secret key:</strong> {{ $diagnostics['secret_present'] ? 'задан' : 'не задан' }}@if($diagnostics['secret_present']) · длина {{ $diagnostics['secret_length'] }} · hash {{ $diagnostics['secret_sha256_8'] }}@endif</div>
        </div>

        <form method="post" action="{{ route('admin.booking_blocks.ping') }}" style="margin-top:14px;" class="js-google-wait-form" data-loading-text="Проверяем связь с Google Apps Script...">
            @csrf
            <button type="submit" class="secondary">Проверить связь с Google</button>
            <div class="booking-block-loading js-loading-indicator"><span class="booking-block-spinner"></span><span class="js-loading-text">Проверяем связь с Google Apps Script...</span></div>
        </form>

        <div class="log-actions-row" style="margin-top:22px;">
            <div>
                <h4 style="margin:0;">Последние запросы Booking-блокировок</h4>
                <div class="log-small">Показываются только последние 12 записей. Логи можно очистить, брони и блокировки при этом не удаляются.</div>
            </div>
            <form method="post" action="{{ route('admin.booking_blocks.logs.clear') }}" onsubmit="return confirm('Очистить только диагностические логи Booking-блокировок? Брони и блокировки не будут удалены.');">
                @csrf
                <button type="submit" class="danger-lite">Очистить лог</button>
            </form>
        </div>

        @if ($syncLogs->isEmpty())
            <div class="empty" style="margin-top:14px;">Логов синхронизации пока нет.</div>
        @else
            <div class="table-wrap" style="margin-top:14px;">
                <table>
                    <thead>
                    <tr>
                        <th>Время</th>
                        <th>Действие</th>
                        <th>Комнаты</th>
                        <th>Период</th>
                        <th>Статус</th>
                        <th>Ответ Google</th>
                        <th>URL запроса</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($syncLogs as $log)
                        @php
                            $payload = $log->payload_json ?: [];
                            $response = $log->response_json ?: [];
                            $diag = data_get($response, 'diagnostics', []);
                            $requestUrl = data_get($diag, 'request_url_masked', '');
                            $message = data_get($response, 'message', '—');
                            $httpStatus = data_get($response, 'http_status');
                            $action = data_get($response, 'action', data_get($payload, 'action', '—'));
                            $rooms = data_get($response, 'rooms', data_get($diag, 'rooms', data_get($payload, 'rooms', '—')));
                            if (is_array($rooms)) {
                                $rooms = implode(', ', $rooms);
                            }
                            $dateFrom = data_get($response, 'date_from', data_get($diag, 'date_from', data_get($payload, 'date_from')));
                            $dateTo = data_get($response, 'date_to', data_get($diag, 'date_to', data_get($payload, 'date_to')));
                            $scriptVersion = data_get($response, 'response.version', data_get($response, 'response.script_version'));
                        @endphp
                        <tr>
                            <td>{{ $log->created_at?->format('d.m.Y H:i:s') }}</td>
                            <td>{{ $actionLabels[$action] ?? $action }}</td>
                            <td>{{ $rooms ?: '—' }}</td>
                            <td>{{ $dateFrom ? $formatDate($dateFrom) : '—' }}@if($dateFrom || $dateTo) — {{ $dateTo ? $formatDate($dateTo) : '—' }}@endif</td>
                            <td>
                                <div>{{ $log->status }}</div>
                                @if($httpStatus)
                                    <div class="muted">HTTP {{ $httpStatus }}</div>
                                @endif
                                <div class="muted">попыток: {{ $log->attempts ?: data_get($response, 'attempts', 1) }}</div>
                            </td>
                            <td style="min-width:220px;">
                                <div>{{ $message }}</div>
                                @if($scriptVersion)
                                    <div class="muted">версия: {{ $scriptVersion }}</div>
                                @endif
                            </td>
                            <td style="max-width:420px;word-break:break-all;">{{ $requestUrl ?: '—' }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection

@push('scripts')
<script>
document.addEventListener('submit', function (event) {
    var form = event.target;
    if (!form.classList.contains('js-google-wait-form')) {
        return;
    }

    var loading = form.querySelector('.js-loading-indicator');
    var loadingText = form.querySelector('.js-loading-text');
    var submitter = event.submitter || form.querySelector('button[type="submit"]');
    var text = form.getAttribute('data-loading-text') || 'Идёт связь с Google Таблицами. Подождите, пожалуйста...';

    if (submitter) {
        var submitterAction = submitter.getAttribute('formaction');
        var submitterMethod = submitter.getAttribute('formmethod');

        if (submitterAction) {
            form.setAttribute('action', submitterAction);
        }
        if (submitterMethod) {
            form.setAttribute('method', submitterMethod);
        }
        if (submitter.name) {
            var hiddenSubmitter = form.querySelector('input[type="hidden"][name="' + submitter.name + '"][data-submit-button-value="1"]');
            if (!hiddenSubmitter) {
                hiddenSubmitter = document.createElement('input');
                hiddenSubmitter.type = 'hidden';
                hiddenSubmitter.name = submitter.name;
                hiddenSubmitter.setAttribute('data-submit-button-value', '1');
                form.appendChild(hiddenSubmitter);
            }
            hiddenSubmitter.value = submitter.value || '';
        }
    }

    if (loadingText) {
        loadingText.textContent = text;
    }
    if (loading) {
        loading.classList.add('is-active');
    }

    form.querySelectorAll('button[type="submit"]').forEach(function (button) {
        button.disabled = true;
    });

    if (submitter) {
        submitter.textContent = 'Подождите...';
    }
});
</script>
@endpush