@extends('admin.layout')
@section('title','Pengaturan Fitur Pengguna')
@section('content')

<div class="page-header">
  <div><h1>Pengaturan Fitur</h1><p>Kelola fitur khusus untuk akun: {{ $user->nama_pendaftar }} ({{ $user->username ?? $user->email }})</p></div>
</div>

<div class="card">
  <div class="card-body">
    <form method="POST" action="{{ route('admin.akun.features.save', $user->id_user) }}">
      @csrf
      <div style="display:grid;gap:16px;">
        @foreach($features as $featureKey => $featureLabel)
        <label style="display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--gray-200);border-radius:14px;cursor:pointer;">
          <input type="checkbox" name="{{ $featureKey }}" value="1" {{ isset($toggles[$featureKey]) && $toggles[$featureKey] ? 'checked' : '' }}>
          <div>
            <div style="font-weight:700;color:var(--gray-900);">{{ $featureLabel }}</div>
            <div style="font-size:13px;color:var(--gray-600);margin-top:4px;">Hanya superadmin dapat mengaktifkan atau menonaktifkan fitur ini.</div>
          </div>
        </label>
        @endforeach
      </div>

      <div style="display:flex;gap:10px;align-items:center;margin-top:18px;">
        <button type="submit" class="btn btn-primary">Simpan Pengaturan</button>
        <a href="{{ route('admin.akun.index') }}" class="btn btn-outline">Kembali ke Daftar Akun</a>
      </div>
    </form>
  </div>
</div>

@endsection