@extends('layouts.app')
@section('title', 'Settings')

@section('content')
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <form method="POST" action="{{ route('settings.company') }}" class="rounded-3xl border border-slate-200 p-6 space-y-4">
        @csrf
        <h2 class="text-lg font-bold">Company Profile</h2>
        <input name="name" value="{{ $company->name }}" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <input name="email" value="{{ $company->email }}" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <input name="phone" value="{{ $company->phone }}" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <input name="country" value="{{ $company->country }}" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <input name="timezone" value="{{ $company->timezone }}" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <button class="rounded-2xl bg-sky-600 text-white px-5 py-3">Save Company Settings</button>
    </form>

    <form method="POST" action="{{ route('settings.tunnel') }}" class="rounded-3xl border border-slate-200 p-6 space-y-4">
        @csrf
        <h2 class="text-lg font-bold">Tunnel Settings</h2>
        <input name="endpoint" placeholder="Tunnel Endpoint" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <input name="network" placeholder="Tunnel Network" class="w-full rounded-2xl border border-slate-300 px-4 py-3">
        <button class="rounded-2xl bg-slate-900 text-white px-5 py-3">Save Tunnel Settings</button>
    </form>
</div>
@endsection