@extends('layouts.app')
@section('title', __('Edit account'))

@section('content')
<form method="POST" action="{{ route('saas.users.update', $user) }}" class="mx-auto max-w-3xl">
    @csrf
    @method('PUT')

    <div class="card grid grid-cols-1 gap-4 sm:grid-cols-2">
        <div><label class="label">{{ __('Name') }} *</label><input type="text" name="name" value="{{ old('name', $user->name) }}" required class="input"></div>
        <div><label class="label">{{ __('Email') }} *</label><input type="email" name="email" value="{{ old('email', $user->email) }}" required class="input"></div>
        <div><label class="label">{{ __('Phone') }}</label><input type="text" name="phone" value="{{ old('phone', $user->phone) }}" class="input"></div>
        <div><label class="label">{{ __('Position') }}</label><input type="text" name="position" value="{{ old('position', $user->position) }}" class="input"></div>
        @if ($user->tenant_id)
            <div>
                <label class="label">{{ __('Store') }}</label>
                <select name="store_id" class="input">
                    <option value="">{{ __('None') }}</option>
                    @foreach ($stores as $store)<option value="{{ $store->id }}" @selected((string) old('store_id', $user->store_id) === (string) $store->id)>{{ $store->name }}</option>@endforeach
                </select>
            </div>
            <div><label class="label">{{ __('Commission rate (%)') }}</label><input type="number" step="0.01" min="0" max="100" name="commission_rate" value="{{ old('commission_rate', $user->commission_rate ?? 0) }}" class="input"></div>
        @endif
        <div>
            <label class="label">{{ __('Language') }}</label>
            <select name="locale" class="input">
                @foreach (config('pharma.locales') as $loc)
                    <option value="{{ $loc }}" @selected(old('locale', $user->locale ?? app()->getLocale()) === $loc)>{{ $loc === 'fr' ? 'Français' : 'English' }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="label">{{ __('Password') }} ({{ __('leave blank to keep') }})</label>
            <input type="password" name="password" class="input" autocomplete="new-password">
        </div>
        <div class="sm:col-span-2 border-t border-slate-100 pt-3 dark:border-slate-700">
            <label class="flex items-center gap-2 text-sm text-slate-600 dark:text-slate-300">
                <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $user->is_active)) class="rounded border-slate-300 text-brand-600">
                {{ __('Active') }}
            </label>
        </div>
    </div>

    <div class="card mt-4 text-sm text-slate-500 dark:text-slate-400">
        <p>{{ __('Tenant') }}: <span class="font-medium text-slate-700 dark:text-slate-200">{{ $user->tenant?->name ?? '—' }}</span></p>
        <p class="mt-1">{{ __('Role') }}: <span class="font-medium text-slate-700 dark:text-slate-200">{{ $user->roles->pluck('name')->join(', ') ?: '—' }}</span></p>
    </div>

    @if ($user->tenant_id)
        <div class="card mt-4">
            <label class="label">{{ __('Roles') }}</label>
            <div class="mt-2 grid grid-cols-2 gap-2 sm:grid-cols-3">
                @forelse ($roles as $role)
                    <label class="flex items-center gap-2 rounded-lg px-3 py-2 text-sm ring-1 ring-slate-100 hover:bg-slate-50 dark:ring-slate-700 dark:hover:bg-slate-700/50">
                        <input type="checkbox" name="roles[]" value="{{ $role->id }}"
                               @checked(in_array($role->id, old('roles', $userRoleIds))) class="rounded border-slate-300 text-brand-600">
                        {{ $role->name }}
                    </label>
                @empty
                    <p class="text-sm text-slate-400">{{ __('No roles in this tenant yet.') }}</p>
                @endforelse
            </div>
        </div>
    @endif

    <div class="mt-4 flex gap-2">
        <button class="btn-primary">{{ __('Update') }}</button>
        <a href="{{ route('saas.users.index') }}" class="btn-secondary">{{ __('Cancel') }}</a>
    </div>
</form>
@endsection