@extends('layouts.app')

@section('header')
    <div class="row g-2 align-items-center">
        <div class="col">
            <div class="page-pretitle">Administration</div>
            <h2 class="page-title">Settings</h2>
            <div class="text-secondary mt-1">Instance-wide switches. They apply to every company.</div>
        </div>
    </div>
@endsection

@section('content')

@foreach (['success' => 'green', 'warning' => 'orange'] as $key => $colour)
    @if (session($key))
        <div class="alert alert-{{ $colour === 'green' ? 'success' : 'warning' }} mb-3">
            <i class="ti {{ $colour === 'green' ? 'ti-check' : 'ti-alert-triangle' }} me-1"></i>{{ session($key) }}
        </div>
    @endif
@endforeach

@php
    $badge = match ($workspaceStatus) {
        'off'         => ['bg-secondary-lt', 'ti-plug-off',    'Disconnected'],
        'unreachable' => ['bg-red-lt',       'ti-alert-triangle', 'Not answering'],
        default       => ['bg-green-lt',     'ti-plug-connected', 'Connected'],
    };
@endphp

{{-- ── Workspace database ───────────────────────────────────────────── --}}
<div class="card mb-3">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h3 class="card-title mb-0">Workspace database</h3>
        <span class="badge {{ $badge[0] }}"><i class="ti {{ $badge[1] }} me-1"></i>{{ $badge[2] }}</span>
    </div>
    <div class="card-body">
        <p class="text-secondary">
            Read-only, and on another host. Worklance uses it only to decorate rows it already
            holds locally — an employee's display name, their employee id, and task titles.
            Everything it provides has a local fallback, so switching it off degrades those
            details rather than stopping any tracking.
        </p>

        <div class="datagrid mb-3">
            <div class="datagrid-item">
                <div class="datagrid-title">Host</div>
                <div class="datagrid-content font-monospace">{{ $workspaceHost ?: '—' }}</div>
            </div>
            <div class="datagrid-item">
                <div class="datagrid-title">Database</div>
                <div class="datagrid-content font-monospace">{{ $workspaceDb ?: '—' }}</div>
            </div>
        </div>

        @if ($workspaceStatus === 'unreachable')
            <div class="alert alert-warning">
                <strong>The workspace stopped answering,</strong> so Worklance has backed off by itself
                for {{ $cooldown }}s at a time. It will keep retrying on that cycle. Switch it off below
                if you would rather it stopped trying entirely until you have confirmed the host is healthy.
            </div>
        @endif

        <form method="POST" action="{{ route('admin.settings.workspace') }}" class="mb-3">
            @csrf
            <input type="hidden" name="workspace_enabled" value="0">
            <label class="form-check form-switch form-switch-lg">
                <input class="form-check-input" type="checkbox" name="workspace_enabled" value="1"
                       @checked($workspaceEnabled) onchange="this.form.submit()">
                <span class="form-check-label">
                    {{ $workspaceEnabled ? 'Connected' : 'Disconnected' }}
                </span>
            </label>
            <div class="text-secondary small mt-2">
                While this is off, nothing dials that host at all — no connection is attempted, so a
                database that is down or slow cannot cost a single request anything. Employee names
                fall back to the copy Worklance already stores, and screenshots show task ids rather
                than titles.
            </div>
            <noscript><button type="submit" class="btn btn-primary mt-2">Save</button></noscript>
        </form>

        <form method="POST" action="{{ route('admin.settings.workspace.probe') }}">
            @csrf
            <button type="submit" class="btn btn-outline-secondary">
                <i class="ti ti-plug-connected me-1"></i>Test connection
            </button>
            <span class="text-secondary small ms-2">
                Dials once, whatever the switch says — so you can check whether it is back
                without turning it on to find out.
            </span>
        </form>
    </div>
</div>

@endsection