homeos/resources/views/livewire/settings/index.blade.php

32 lines
1.9 KiB
PHP

<div>
<x-topbar :title="__('nav.settings')" :subtitle="__('settings.subtitle')" />
<div class="px-5 lg:px-[26px] py-6 flex flex-col gap-5 max-w-[1560px] mx-auto w-full">
<x-panel :title="__('settings.integrations')">
<div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3">
@foreach ($integrations as $i)
<div class="flex items-center gap-3 rounded-lg border border-line-soft bg-raised p-3">
<span class="grid place-items-center w-9 h-9 rounded-lg bg-inset text-ink-2 shrink-0"><x-icon :name="$i['icon']" :size="18" /></span>
<div class="min-w-0">
<div class="text-[13px] font-semibold text-ink truncate">{{ $i['name'] }}</div>
<div class="text-[11.5px] text-ink-3 font-mono truncate">{{ $i['detail'] }}</div>
</div>
<x-status-pill :state="$i['state'] === 'active' ? 'online' : ($i['state'] === 'inactive' ? 'offline' : 'neutral')" class="ml-auto shrink-0">
{{ __('settings.state_'.$i['state']) }}
</x-status-pill>
</div>
@endforeach
</div>
</x-panel>
<x-panel :title="__('settings.system')">
<dl class="grid grid-cols-2 sm:grid-cols-4 gap-x-4 gap-y-3">
<x-detail :label="__('host.stack_framework')" mono>Laravel {{ $version }}</x-detail>
<x-detail :label="__('settings.locale')" mono>{{ strtoupper(app()->getLocale()) }}</x-detail>
<x-detail :label="__('settings.timezone')" mono>{{ config('app.timezone') }}</x-detail>
<x-detail :label="__('settings.host')"><a href="{{ route('host') }}" wire:navigate class="text-accent hover:underline">{{ __('nav.host') }}</a></x-detail>
</dl>
</x-panel>
</div>
</div>