{{-- AI Assistant Widget – data printed from PHP (gelen veriler PHP ile basılır) --}}
@php
    $initialDocked = !empty($initialDocked);
@endphp
<div class="ai-assistant-container{{ $initialDocked ? ' ai-docked-right-panel' : '' }}" id="aiAssistantContainer">
    <button type="button" class="ai-assistant-btn" id="aiAssistantBtn" aria-label="{{ t('ai-assistant-open') }}"
        title="AI Asistan">
        <span class="ai-ring" aria-hidden="true"></span>
        <img src="/assets/BaykusBeyazIcon.png" class="ai-tab-icon" alt={{ t('site-title') }}">
    </button>
    <div class="ai-chat-window d-block shadow-lg rounded-4 overflow-hidden" id="aiChatWindow" aria-hidden="true">
        <div class="ai-chat-shell d-flex flex-column h-100">
            <div class="ai-chat-header d-flex align-items-center justify-content-between border-bottom px-3 py-2">
                <div class="ai-chat-header-left d-flex align-items-center gap-2 flex-grow-1 overflow-hidden">
                    <span class="ai-chat-title">
                        <i class="bi bi-robot"></i>
                       {{ t('ai-assistant') }}
                    </span>
                    <span
                        id="aiChatContextBadge"
                        class="badge ai-chat-context-badge text-truncate d-none"
                        title=""
                    ></span>
                </div>
                <div class="ai-chat-header-actions d-flex align-items-center gap-2">
                    <button type="button" id="aiChatHistoryBtn" class="btn btn-sm ai-chat-history-btn"
                        aria-label="{{ t('history') }}">
                        <i class="bi bi-clock-history"></i>
                        <span class="d-none d-lg-inline ms-1">{{ t('history') }}</span>
                    </button>
                    <button type="button" id="aiChatCloseBtn" class="btn btn-outline-secondary btn-sm text-nowrap"
                        aria-label="{{ t('close') }}">
                        <i class="bi bi-x-lg" aria-hidden="true"></i>
                        <span class="d-none d-lg-inline ms-1">{{ t('close') }}</span>
                    </button>
                </div>
            </div>

            {{-- <div class="ai-chat-aspect-data-container" id="aiChatAspectDataContainer" style="display: none;">
                <div class="ai-chat-aspect-data-header">
                    <span class="ai-chat-aspect-data-title">Chat'in gördüğü veri: Doğum haritası + Transit açıları</span>
                    <button type="button" class="btn btn-sm btn-outline-secondary ai-chat-aspect-data-toggle" id="aiChatAspectDataToggle" aria-expanded="false">
                        <i class="bi bi-chevron-down"></i>
                    </button>
                </div>
                <div class="ai-chat-aspect-data-body collapse" id="aiChatAspectDataBody">
                    <div class="ai-chat-aspect-data-loading" id="aiChatAspectDataLoading">Yükleniyor…</div>
                    <div class="ai-chat-aspect-data-content" id="aiChatAspectDataContent" style="display: none;"></div>
                    <div class="ai-chat-aspect-data-error text-danger small" id="aiChatAspectDataError" style="display: none;"></div>
                </div>
            </div> --}}

            <div class="ai-chat-messages d-flex flex-column flex-grow-1 p-3" id="aiChatMessages"></div>
            <div class="ai-chat-history-panel p-2 d-none" id="aiChatHistoryPanel">
                <div class="ai-chat-history-toolbar">
                    <button type="button" class="btn btn-sm btn-outline-secondary d-none" id="aiChatHistoryBackBtn">
                        <i class="bi bi-arrow-left"></i> {{ t('list') }}
                    </button>
                    <input type="text" id="aiChatHistorySearch" class="form-control form-control-sm" placeholder="{{ t('search') }}" />
                    <button type="button" class="btn btn-sm btn-primary" id="aiChatHistoryRefreshBtn">
                        <i class="bi bi-arrow-clockwise"></i>
                    </button>
                </div>
                <div class="ai-chat-history-list" id="aiChatHistoryList"></div>
                <div class="ai-chat-history-detail d-none" id="aiChatHistoryDetail">
                    <div class="ai-chat-history-session-meta" id="aiChatHistorySessionMeta"></div>
                    <div class="ai-chat-history-detail-messages" id="aiChatHistoryDetailMessages"></div>
                </div>
            </div>


            <div class="ai-chat-input-container d-flex align-items-center gap-2 border-top px-3 py-2">
                <div class="ai-chat-input-wrapper flex-grow-1">
                    <textarea
                        class="ai-chat-input form-control"
                        id="aiChatInput"
                        rows="1"
                        placeholder="{{ t('write-your-message') }}"
                        aria-label="{{ t('message-input') }}"
                    ></textarea>
                </div>
                <button class="ai-chat-send-btn" id="aiChatSendBtn" aria-label="{{ t('send') }}" type="button">
                    <span class="ai-chat-send-glyph" aria-hidden="true">➤</span>
                </button>
            </div>
            <div class="ai-chat-disclaimer d-flex align-items-center justify-content-center text-center small">
                <i class="bi bi-info-circle" aria-hidden="true"></i>
                <span>{{ t('ai.ui.disclaimer_check_accuracy') }}</span>
            </div>
        </div>
    </div>
</div>

{{-- Data from PHP (backend) – gelen veriler PHP ile basılır --}}
<script>
    window.AI_STRINGS = @json($aiStrings ?? []);
    window.AI_ROUTES = {
        strings: '{{ $aiRoutes["strings"] ?? route("ai-assistant.strings") }}',
        context: '{{ $aiRoutes["context"] ?? route("ai-assistant.context") }}',
        contextAspects: '{{ $aiRoutes["contextAspects"] ?? route("ai-assistant.context-aspects") }}',
        sendMessage: '{{ $aiRoutes["sendMessage"] ?? route("ai-assistant.send-message") }}',
        historySessions: '{{ route("ai-assistant.history.sessions") }}',
        historyDetailTemplate: '{{ route("ai-assistant.history.detail", ["turnUuid" => "__TURN_UUID__"]) }}'
    };
</script>
<script src="{{ asset('js/ai-assistant/index.js') }}"></script>