@extends('layouts.hosting')
@section('title', 'Settings — Ladill Hosting')
@section('content')
<div class="mx-auto max-w-2xl">
    <h1 class="text-xl font-semibold tracking-tight text-slate-900">Settings</h1>
    <p class="mt-0.5 text-sm text-slate-500">Hosting notifications and preferences.</p>

    <form method="POST" action="{{ route('account.settings.update') }}" class="mt-6 space-y-4">
        @csrf @method('PUT')

        <div class="rounded-2xl border border-slate-200 bg-white p-5">
            <h2 class="text-sm font-semibold text-slate-900">Notifications</h2>
            <p class="mt-1 text-xs text-slate-500">Where we send hosting renewal reminders, suspension notices, and resource warnings.</p>
            <div class="mt-4">
                <label class="block text-[11px] font-medium text-slate-500">Notifications email</label>
                <input type="email" name="notify_email" value="{{ old('notify_email', $settings->notify_email ?? $account->email) }}"
                       class="mt-1 w-full rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-sm focus:border-indigo-300 focus:bg-white focus:outline-none focus:ring-2 focus:ring-indigo-100">
            </div>
        </div>

        <div class="rounded-2xl border border-slate-200 bg-white p-5">
            <label class="flex items-center justify-between">
                <span>
                    <span class="block text-sm font-medium text-slate-800">Product updates</span>
                    <span class="block text-xs text-slate-400">Occasional emails about new Ladill Hosting features.</span>
                </span>
                <input type="checkbox" name="product_updates" value="1" @checked($settings->product_updates ?? true) class="h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500">
            </label>
        </div>

        <button class="btn-primary">Save settings</button>
    </form>
</div>
@endsection