@php
    $isEdit = !is_null($usuario);
    $selectedRole = old('role', $usuario->role ?? 'empresa_user');
    $selectedEmpresa = old('empresa_id', $usuario->empresa_id ?? '');
@endphp

@if ($errors->any())
    <div class="alert alert-danger">
        <div class="fw-semibold mb-1">Revisa los campos:</div>
        <ul class="mb-0">
            @foreach ($errors->all() as $e)
                <li>{{ $e }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="row g-3 mb-3">
    <div class="col-md-6">
        <label class="form-label">Nombre *</label>
        <input type="text"
               name="name"
               class="form-control @error('name') is-invalid @enderror"
               value="{{ old('name', $usuario->name ?? '') }}"
               required>
        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">Email *</label>
        <input type="email"
               name="email"
               class="form-control @error('email') is-invalid @enderror"
               value="{{ old('email', $usuario->email ?? '') }}"
               required>
        @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">Rol *</label>
        <select name="role" id="role"
                class="form-select @error('role') is-invalid @enderror"
                required>
            <option value="empresa_user" {{ $selectedRole === 'empresa_user' ? 'selected' : '' }}>empresa_user</option>
            <option value="empresa_admin" {{ $selectedRole === 'empresa_admin' ? 'selected' : '' }}>empresa_admin</option>
            <option value="superadmin" {{ $selectedRole === 'superadmin' ? 'selected' : '' }}>superadmin</option>
        </select>
        @error('role') <div class="invalid-feedback">{{ $message }}</div> @enderror
        <div class="form-text">Si es superadmin, no debe tener empresa asignada.</div>
    </div>

    <div class="col-md-6">
        <label class="form-label">Empresa</label>
        <select name="empresa_id" id="empresa_id"
                class="form-select @error('empresa_id') is-invalid @enderror">
            <option value="">— Sin empresa —</option>
            @foreach ($empresas as $e)
                <option value="{{ $e->id }}" {{ (string)$selectedEmpresa === (string)$e->id ? 'selected' : '' }}>
                    {{ $e->nombre }}
                </option>
            @endforeach
        </select>
        @error('empresa_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">{{ $isEdit ? 'Nueva contraseña' : 'Contraseña *' }}</label>
        <input type="password"
               name="password"
               class="form-control @error('password') is-invalid @enderror"
               {{ $isEdit ? '' : 'required' }}
               placeholder="{{ $isEdit ? 'Dejar en blanco para no cambiar' : '' }}">
        @error('password') <div class="invalid-feedback">{{ $message }}</div> @enderror
        @if($isEdit)
            <div class="form-text">Si la dejas en blanco, no se modifica.</div>
        @endif
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
    const role = document.getElementById('role');
    const empresa = document.getElementById('empresa_id');

    function syncEmpresaField() {
        if (role.value === 'superadmin') {
            empresa.value = '';
            empresa.setAttribute('disabled', 'disabled');
        } else {
            empresa.removeAttribute('disabled');
        }
    }

    role.addEventListener('change', syncEmpresaField);
    syncEmpresaField();
});
</script>