@php $u = $user ?? null; @endphp
<div class="card">
    <div class="form-grid">
        <label>Nome<input type="text" name="name" value="{{ old('name', $u?->name) }}" required></label>
        <label>Email<input type="email" name="email" value="{{ old('email', $u?->email) }}" required></label>
        <label>Palavra-passe {{ $u ? '(deixar vazio para manter)' : '' }}<input type="password" name="password" @if(! $u) required @endif autocomplete="new-password"></label>
        <label>Papel
            <select name="role" required>
                @foreach ($roles as $r)
                    <option value="{{ $r }}" @selected(old('role', $u?->role ?? 'Viewer') === $r)>{{ $r }}</option>
                @endforeach
            </select>
        </label>
        <label>Cargo<input type="text" name="cargo" value="{{ old('cargo', $u?->cargo) }}" placeholder="ex: Diretor Comercial, Rececionista"></label>
        <label>Estado
            <select name="status">
                <option value="Active" @selected(old('status', $u?->status ?? 'Active') === 'Active')>Ativo</option>
                <option value="Inactive" @selected(old('status', $u?->status) === 'Inactive')>Inativo</option>
            </select>
        </label>
    </div>
    <div class="form-actions">
        <button type="submit">{{ $submitLabel }}</button>
        <a href="{{ route('admin.users.index') }}" class="btn secondary">Cancelar</a>
    </div>
</div>

<div class="card">
    <h2 class="page-title" style="font-size:1.05rem;">Acesso a Hotéis</h2>
    <label class="checkbox-row">
        <input type="checkbox" name="all_hotels" value="1" id="all-hotels-toggle" @checked(old('all_hotels', $u?->all_hotels))>
        Acesso a todos os hotéis do grupo
    </label>
    <p class="muted" style="margin-top:-0.25rem;">Admins têm sempre acesso a todos os hotéis, independentemente desta opção.</p>

    @php $selectedHotels = old('hotels', $u?->hotels->pluck('id')->all() ?? []); @endphp
    <div id="hotel-picker" class="form-grid" style="margin-top:0.75rem;{{ old('all_hotels', $u?->all_hotels) ? 'opacity:0.4;' : '' }}">
        @forelse ($allHotels as $ah)
            <label class="checkbox-row">
                <input type="checkbox" name="hotels[]" value="{{ $ah->id }}" @checked(in_array($ah->id, $selectedHotels))>
                {{ $ah->name }}
            </label>
        @empty
            <p class="muted">Ainda não existem hotéis criados.</p>
        @endforelse
    </div>
</div>

<script>
    document.getElementById('all-hotels-toggle').addEventListener('change', function () {
        document.getElementById('hotel-picker').style.opacity = this.checked ? '0.4' : '1';
    });
</script>