@php
  $editing = isset($managedUser);
  $selectedRoles = collect(old('roles', $editing ? $managedUser->roles->pluck('id')->all() : []))->map(fn($id) => (int) $id)->all();
@endphp

<div class="form-grid">
  <label class="field">
    <span class="label">شماره موبایل</span>
    <input class="input" name="mobile" inputmode="tel" dir="ltr" value="{{ old('mobile', $editing ? app(\App\Modules\Core\Support\MobileNumber::class)->toLocal($managedUser->mobile_e164) : '') }}" required>
    @error('mobile')<span class="error-text">{{ $message }}</span>@enderror
  </label>
  <label class="field">
    <span class="label">کد ملی</span>
    <input class="input" name="national_code" inputmode="numeric" dir="ltr" value="{{ old('national_code', $editing ? $managedUser->national_code : '') }}">
    @error('national_code')<span class="error-text">{{ $message }}</span>@enderror
  </label>
  <label class="field">
    <span class="label">نام</span>
    <input class="input" name="first_name" value="{{ old('first_name', $editing ? $managedUser->first_name : '') }}">
  </label>
  <label class="field">
    <span class="label">نام خانوادگی</span>
    <input class="input" name="last_name" value="{{ old('last_name', $editing ? $managedUser->last_name : '') }}">
  </label>
  @unless($editing)
    <label class="field">
      <span class="label">وضعیت اولیه</span>
      <select class="select" name="status">
        <option value="active">فعال</option><option value="inactive">غیرفعال</option><option value="suspended">تعلیق</option>
      </select>
    </label>
  @endunless
</div>

@if(auth()->user()->hasPermission('users.roles'))
  <div class="form-section">
    <h2 class="section-title">نقش‌ها</h2>
    <div class="check-grid">
      @foreach($roles as $role)
        <label class="check-card">
          <input type="checkbox" name="roles[]" value="{{ $role->id }}" @checked(in_array($role->id, $selectedRoles, true)) @disabled($role->slug === 'super-admin' && !auth()->user()->hasRole('super-admin'))>
          <span><strong>{{ $role->name }}</strong><small>{{ $role->description ?: $role->slug }}</small></span>
        </label>
      @endforeach
    </div>
    @error('roles')<span class="error-text">{{ $message }}</span>@enderror
  </div>
@endif