98 lines
5.6 KiB
PHP
98 lines
5.6 KiB
PHP
<div class="space-y-5">
|
|
{{-- Header --}}
|
|
<div class="flex flex-wrap items-center gap-4 rounded-xl border border-line bg-surface p-5 shadow-panel">
|
|
<span class="grid h-14 w-14 shrink-0 place-items-center rounded-xl border border-accent/25 bg-accent/10 text-accent">
|
|
<x-icon name="settings" class="h-6 w-6" />
|
|
</span>
|
|
<div class="min-w-0 flex-1">
|
|
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text">{{ __('system.eyebrow') }}</p>
|
|
<h2 class="mt-0.5 truncate font-display text-xl font-semibold text-ink">{{ __('system.heading') }}</h2>
|
|
<p class="truncate font-mono text-[11px] text-ink-3">{{ __('system.subheading') }}</p>
|
|
</div>
|
|
<span @class([
|
|
'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 font-mono text-[11px]',
|
|
'border-online/30 text-online' => $hasTls,
|
|
'border-warning/30 text-warning' => ! $hasTls,
|
|
])>
|
|
<x-status-dot :status="$hasTls ? 'online' : 'warning'" />{{ $hasTls ? __('system.https_active') : __('system.https_plain') }}
|
|
</span>
|
|
</div>
|
|
|
|
{{-- Domain & TLS --}}
|
|
<x-panel :title="__('system.tls_title')" :subtitle="__('system.tls_subtitle')">
|
|
{{-- Current TLS state --}}
|
|
@if ($hasTls)
|
|
<div class="mb-4 flex items-start gap-3 rounded-md border border-online/25 bg-online/5 p-3">
|
|
<x-icon name="shield" class="mt-0.5 h-4 w-4 shrink-0 text-online" />
|
|
<div class="min-w-0">
|
|
<p class="text-sm text-ink">{{ __('system.tls_active_title') }}</p>
|
|
<p class="mt-0.5 font-mono text-[11px] text-ink-3">{{ __('system.tls_active_body_pre') }}
|
|
<a href="{{ $panelUrl }}" class="text-accent-text hover:underline">{{ $panelUrl }}</a> ·
|
|
{{ __('system.tls_active_body_post') }}</p>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="mb-4 flex items-start gap-3 rounded-md border border-warning/25 bg-warning/5 p-3">
|
|
<x-icon name="alert" class="mt-0.5 h-4 w-4 shrink-0 text-warning" />
|
|
<div class="min-w-0">
|
|
<p class="text-sm text-ink">{{ __('system.tls_bare_title') }}</p>
|
|
<p class="mt-0.5 font-mono text-[11px] text-ink-3">{{ __('system.tls_bare_body') }}</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Read-only: the panel domain is an install-time decision (kept consistent
|
|
with URL/WebSocket/cookie security); TLS provisions itself automatically. --}}
|
|
<dl class="divide-y divide-line overflow-hidden rounded-md border border-line">
|
|
<div class="flex items-center justify-between gap-3 px-4 py-2.5">
|
|
<dt class="text-sm text-ink-2">{{ __('system.domain') }}</dt>
|
|
<dd class="truncate font-mono text-sm text-ink">{{ $domain !== '' ? $domain : __('system.domain_via_ip') }}</dd>
|
|
</div>
|
|
<div class="flex items-center justify-between gap-3 px-4 py-2.5">
|
|
<dt class="text-sm text-ink-2">{{ __('system.access_address') }}</dt>
|
|
<dd class="truncate font-mono text-sm text-ink">
|
|
@if ($panelUrl)
|
|
<a href="{{ $panelUrl }}" class="text-accent-text hover:underline">{{ $panelUrl }}</a>
|
|
@else
|
|
{{ __('system.access_bare_ip') }}
|
|
@endif
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
<p class="mt-2.5 font-mono text-[11px] leading-relaxed text-ink-4">
|
|
{{ __('system.domain_note_pre') }} <span class="text-ink-3">install.sh</span> {{ __('system.domain_note_post') }}
|
|
</p>
|
|
</x-panel>
|
|
|
|
{{-- Release-Kanal --}}
|
|
<x-panel :title="__('system.channel_title')" :subtitle="__('system.channel_subtitle')">
|
|
<div class="space-y-4">
|
|
{{-- Segmented control --}}
|
|
<div role="radiogroup" aria-label="{{ __('system.channel_radiogroup_label') }}" class="inline-flex w-full max-w-md rounded-md border border-line bg-inset p-1">
|
|
@foreach ($channels as $key => $desc)
|
|
<button type="button"
|
|
role="radio"
|
|
aria-checked="{{ $channel === $key ? 'true' : 'false' }}"
|
|
wire:click="confirmChannel('{{ $key }}')"
|
|
@class([
|
|
'inline-flex h-9 flex-1 items-center justify-center gap-1.5 rounded font-mono text-xs uppercase tracking-wider transition-colors',
|
|
'bg-accent/15 text-accent-text shadow-[inset_0_0_0_1px_var(--color-accent)]' => $channel === $key,
|
|
'text-ink-3 hover:bg-raised hover:text-ink-2' => $channel !== $key,
|
|
])>
|
|
@if ($channel === $key)<x-icon name="git-branch" class="h-3.5 w-3.5" />@endif{{ $key }}
|
|
</button>
|
|
@endforeach
|
|
</div>
|
|
|
|
{{-- Per-channel description --}}
|
|
<div class="flex items-start gap-3 rounded-md border border-line bg-raised/40 p-3">
|
|
<x-icon name="git-branch" class="mt-0.5 h-4 w-4 shrink-0 text-accent-text" />
|
|
<div class="min-w-0">
|
|
<p class="text-sm text-ink">{{ __('system.channel_current') }} <span class="font-mono text-accent-text">{{ $channel }}</span></p>
|
|
<p class="mt-0.5 font-mono text-[11px] text-ink-3">{{ $channels[$channel] ?? '' }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-panel>
|
|
</div>
|