@extends('layouts.app')

@section('title', 'Workflow Ayarları')

@section('content')
    <div class="row mb-4">
        <div class="col-md-6">
            <h1 class="h3 mb-0 text-gray-800">Workflow Ayarları</h1>
            <p class="text-muted small">Camunda BPM workflow sistemi bağlantı ayarları ve süreç yönetimi.</p>
        </div>
        <div class="col-md-6 text-end">
            <a href="{{ route('admin.camunda.workflows.create') }}" class="btn btn-primary">
                <i class="bi bi-cloud-upload me-2"></i>Yeni Workflow Yükle
            </a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if($error)
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle me-2"></i>
            Camunda bağlantı hatası: {{ $error }}
        </div>
    @endif

    <!-- Nav tabs -->
    <ul class="nav nav-tabs mb-4" id="workflowTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link fw-medium {{ $activeTab === 'workflows' ? 'active' : '' }}" id="workflows-tab"
                data-bs-toggle="tab" data-bs-target="#workflows" type="button" role="tab" aria-controls="workflows"
                aria-selected="{{ $activeTab === 'workflows' ? 'true' : 'false' }}">
                <i class="bi bi-diagram-3 me-2"></i>Süreç Listesi (Workflows)
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link fw-medium {{ $activeTab === 'settings' ? 'active' : '' }}" id="settings-tab"
                data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings"
                aria-selected="{{ $activeTab === 'settings' ? 'true' : 'false' }}">
                <i class="bi bi-hdd-network me-2"></i>Bağlantı Ayarları
            </button>
        </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content" id="workflowTabsContent">

        <!-- Tab: Workflows List -->
        <div class="tab-pane fade {{ $activeTab === 'workflows' ? 'show active' : '' }}" id="workflows" role="tabpanel"
            aria-labelledby="workflows-tab">
            <div class="card shadow-sm">
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th class="ps-4">Süreç Adı (Name)</th>
                                    <th>Anahtar (Key)</th>
                                    <th>Versiyon</th>
                                    <th>ID</th>
                                    <th>Durum</th>
                                    <th class="text-end pe-4">İşlemler</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($definitions as $proc)
                                    <tr>
                                        <td class="ps-4 fw-medium">{{ $proc['name'] ?? $proc['key'] }}</td>
                                        <td><span class="badge bg-secondary font-monospace">{{ $proc['key'] }}</span></td>
                                        <td><span class="badge bg-info bg-opacity-10 text-info">v{{ $proc['version'] }}</span>
                                        </td>
                                        <td class="small text-muted font-monospace">{{ Str::limit($proc['id'], 20) }}...</td>
                                        <td>
                                            @if(!($proc['suspended'] ?? false))
                                                <span class="badge bg-success">Aktif</span>
                                            @else
                                                <span class="badge bg-secondary">Durduruldu</span>
                                            @endif
                                        </td>
                                        <td class="text-end pe-4">
                                            <div class="d-inline-flex align-items-center gap-2 flex-wrap justify-content-end">
                                                <form action="{{ route('admin.camunda.workflows.status') }}" method="POST"
                                                    class="d-inline">
                                                    @csrf
                                                    <input type="hidden" name="definition_id" value="{{ $proc['id'] }}">
                                                    <input type="hidden" name="suspended"
                                                        value="{{ ($proc['suspended'] ?? false) ? 0 : 1 }}">
                                                    <button type="submit"
                                                        class="btn btn-sm {{ ($proc['suspended'] ?? false) ? 'btn-outline-success' : 'btn-outline-warning' }}"
                                                        title="{{ ($proc['suspended'] ?? false) ? 'Aktif Et' : 'Pasife Al' }}">
                                                        <i
                                                            class="bi {{ ($proc['suspended'] ?? false) ? 'bi-play-circle' : 'bi-pause-circle' }}"></i>
                                                        {{ ($proc['suspended'] ?? false) ? 'Aktif Et' : 'Pasife Al' }}
                                                    </button>
                                                </form>

                                                @if(!empty($proc['deploymentId']))
                                                    <form action="{{ route('admin.camunda.workflows.delete') }}" method="POST"
                                                        class="d-inline">
                                                        @csrf
                                                        <input type="hidden" name="deployment_id"
                                                            value="{{ $proc['deploymentId'] }}">
                                                        <button type="submit" class="btn btn-sm btn-outline-danger" title="Sil"
                                                            data-confirm-title="Workflow Sil"
                                                            data-confirm-message="Bu workflow deployment kaydı silinsin mi?">
                                                            <i class="bi bi-trash"></i>
                                                            Sil
                                                        </button>
                                                    </form>
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center py-5 text-muted">
                                            <i class="bi bi-inbox fs-1 d-block mb-3"></i>
                                            Henüz yüklenmiş bir workflow bulunamadı.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tab: Settings -->
        <div class="tab-pane fade {{ $activeTab === 'settings' ? 'show active' : '' }}" id="settings" role="tabpanel"
            aria-labelledby="settings-tab">
            <div class="row">
                <div class="col-lg-8 col-xl-7">
                    <div class="card h-100 shadow-sm">
                        <div class="card-header bg-white">
                            <h5 class="mb-0">Bağlantı Bilgileri</h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered mb-4">
                                <tr>
                                    <th width="40%" class="bg-light">Durum</th>
                                    <td>
                                        @if($camundaEnabled)
                                            <span class="badge bg-success">Aktif</span>
                                        @else
                                            <span class="badge bg-secondary">Pasif</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th class="bg-light">Base URL</th>
                                    <td><code>{{ $camundaBaseUrl }}</code></td>
                                </tr>
                            </table>

                            <form action="{{ route('admin.camunda.settings.base-url') }}" method="POST"
                                class="mb-4 bg-light p-3 rounded">
                                @csrf
                                <div class="mb-3">
                                    <label for="base_url" class="form-label fw-medium">Camunda Server Endpoint</label>
                                    <input type="url" class="form-control @error('base_url') is-invalid @enderror"
                                        id="base_url" name="base_url" value="{{ old('base_url', $camundaBaseUrl) }}"
                                        placeholder="http://server:8080/engine-rest" required>
                                    @error('base_url')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted d-block mt-2">
                                        Camunda REST endpoint adresini buradan değiştirebilirsiniz.
                                        .env varsayılanı: <code>{{ $camundaConfigBaseUrl }}</code>
                                    </small>
                                </div>
                                <button type="submit" class="btn btn-outline-primary">
                                    <i class="bi bi-save me-2"></i>Endpointi Kaydet
                                </button>
                            </form>

                            <hr>
                            <h6 class="fw-bold mb-3">Bağlantı Testi</h6>
                            <button type="button" class="btn btn-primary" id="testConnectionBtn">
                                <i class="bi bi-wifi me-2"></i>Bağlantıyı Test Et
                            </button>

                            <div id="connectionResult" class="mt-3" style="display: none;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    @push('scripts')
        <script>
            (() => {
                const initCamundaWorkflowPage = () => {
                    const page = document.querySelector('.container-fluid');
                    if (!(page instanceof HTMLElement)) {
                        return;
                    }

                    const params = new URLSearchParams(window.location.search);
                    const hash = window.location.hash;
                    const hashTab = hash === '#settings' || hash === '#workflows' ? hash.substring(1) : null;
                    const queryTab = params.get('tab');
                    const initialTab = hashTab || (queryTab === 'settings' || queryTab === 'workflows' ? queryTab : null);

                    if (initialTab && window.bootstrap) {
                        const tabBtn = document.querySelector(`button[data-bs-target="#${initialTab}"]`);
                        if (tabBtn) {
                            try {
                                new window.bootstrap.Tab(tabBtn).show();
                            } catch (e) {
                                console.error('Tab show error:', e);
                            }
                        }
                    }

                    if (page.dataset.camundaWorkflowTabsBound !== '1') {
                        page.dataset.camundaWorkflowTabsBound = '1';
                        const tabs = document.querySelectorAll('button[data-bs-toggle="tab"]');
                        tabs.forEach((tab) => {
                            tab.addEventListener('shown.bs.tab', (e) => {
                                const target = e.target.getAttribute('data-bs-target');
                                if (!target) {
                                    return;
                                }

                                const tabName = target.replace('#', '');
                                const url = new URL(window.location.href);
                                url.searchParams.set('tab', tabName);
                                url.hash = target;
                                history.replaceState(null, null, url.toString());
                            });
                        });
                    }

                    const testBtn = document.getElementById('testConnectionBtn');
                    if (!(testBtn instanceof HTMLButtonElement) || testBtn.dataset.camundaTestBound === '1') {
                        return;
                    }

                    testBtn.dataset.camundaTestBound = '1';
                    testBtn.addEventListener('click', function () {
                        const btn = this;
                        const resultDiv = document.getElementById('connectionResult');
                        if (!(resultDiv instanceof HTMLElement)) {
                            return;
                        }

                        btn.disabled = true;
                        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span> Test ediliyor...';

                        fetch('{{ route("admin.camunda.settings.test") }}', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            }
                        })
                            .then(response => response.json())
                            .then(data => {
                                resultDiv.style.display = 'block';
                                if (data.success) {
                                    resultDiv.className = 'alert alert-success mt-3';
                                    resultDiv.innerHTML = `
                                                <div class="d-flex align-items-center">
                                                    <i class="bi bi-check-circle fs-4 me-3"></i> 
                                                    <div>
                                                        <strong>${data.message}</strong><br>
                                                        <small class="text-success text-opacity-75">Camunda Version: ${data.version || 'N/A'}</small>
                                                    </div>
                                                </div>
                                            `;
                                } else {
                                    resultDiv.className = 'alert alert-danger mt-3';
                                    resultDiv.innerHTML = `<i class="bi bi-x-circle me-2"></i> ${data.message}`;
                                }
                            })
                            .catch(error => {
                                resultDiv.style.display = 'block';
                                resultDiv.className = 'alert alert-danger mt-3';
                                resultDiv.innerHTML = `<i class="bi bi-x-circle me-2"></i> Bağlantı hatası: ${error.message}`;
                            })
                            .finally(() => {
                                btn.disabled = false;
                                btn.innerHTML = '<i class="bi bi-wifi me-2"></i> Bağlantıyı Test Et';
                            });
                    });
                };

                window.AdminApp = window.AdminApp || {};
                window.AdminApp.registerPageInitializer?.('camunda-workflow-page', initCamundaWorkflowPage);
                initCamundaWorkflowPage();
            })();
        </script>
    @endpush
@endsection