@extends('layouts.app')

@section('title', 'Settings')

@section('content')
<h1>Settings</h1>

<div class="card">
    <h2>Profile</h2>
    <form method="post" action="{{ route('settings.profile.update') }}">
        @csrf
        @method('PUT')
        <label style="display:block; margin-bottom:8px; font-weight:500;">Name</label>
        <input type="text" name="name" value="{{ old('name', $user->name) }}" required maxlength="255" style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('name')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">Email</label>
        <input type="email" name="email" value="{{ old('email', $user->email) }}" required maxlength="255" style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('email')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <button type="submit" style="padding:10px 20px; border-radius:8px; background:var(--m3-primary); color:var(--m3-on-primary); border:none; cursor:pointer;">Update profile</button>
    </form>
</div>

<div class="card">
    <h2>Change password</h2>
    <form method="post" action="{{ route('settings.password.update') }}">
        @csrf
        @method('PUT')
        <label style="display:block; margin-bottom:8px; font-weight:500;">Current password</label>
        <input type="password" name="current_password" required style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('current_password')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">New password</label>
        <input type="password" name="password" required style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('password')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">Confirm new password</label>
        <input type="password" name="password_confirmation" required style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">

        <button type="submit" style="padding:10px 20px; border-radius:8px; background:var(--m3-primary); color:var(--m3-on-primary); border:none; cursor:pointer;">Update password</button>
    </form>
</div>

@if(auth()->user()?->isTenantAdmin() && $tenant)
<div class="card">
    <h2>Workspace</h2>
    <p style="margin:0 0 16px; font-size:0.875rem; color:var(--m3-outline);">Workspace name is shown in the header. AI tone is used for auto-replies to social messages.</p>
    <form method="post" action="{{ route('settings.tenant.update') }}">
        @csrf
        @method('PUT')
        <label style="display:block; margin-bottom:8px; font-weight:500;">Workspace name</label>
        <input type="text" name="tenant_name" value="{{ old('tenant_name', $tenant->name) }}" required maxlength="255" style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('tenant_name')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">AI reply tone</label>
        <select name="ai_tone" style="width:100%; max-width:320px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
            <option value="professional" {{ old('ai_tone', $tenant->ai_tone ?? 'professional') === 'professional' ? 'selected' : '' }}>Professional</option>
            <option value="friendly" {{ old('ai_tone', $tenant->ai_tone) === 'friendly' ? 'selected' : '' }}>Friendly</option>
            <option value="casual" {{ old('ai_tone', $tenant->ai_tone) === 'casual' ? 'selected' : '' }}>Casual</option>
        </select>
        @error('ai_tone')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <button type="submit" style="padding:10px 20px; border-radius:8px; background:var(--m3-primary); color:var(--m3-on-primary); border:none; cursor:pointer;">Update workspace</button>
    </form>
</div>

<div class="card">
    <h2>Billing</h2>
    <p style="margin:0 0 12px; font-size:0.875rem; color:var(--m3-outline);">Manage your plan, upgrade via Razorpay, and download payment history.</p>
    <a href="{{ route('billing.index') }}" style="display:inline-block; padding:10px 20px; border-radius:8px; background:var(--m3-primary); color:var(--m3-on-primary); text-decoration:none;">Open Billing</a>
</div>
@endif
@endsection