<%
  var _action   = locals.action   || '#';
  var _method   = locals.method   || 'post';
  var _error    = locals.error    || '';
  var _initial  = locals.initial  || {};

  var _theme              = _initial.theme              || 'SYSTEM';
  var _language           = _initial.language           || 'en';
  var _emailNotifications = _initial.emailNotifications !== false;
  var _pushNotifications  = _initial.pushNotifications  !== false;
  var _newsletter         = _initial.newsletter         !== false;

  var languages = [
    { value: 'en', label: '🇺🇸 English' },
    { value: 'tr', label: '🇹🇷 Türkçe' },
    { value: 'de', label: '🇩🇪 Deutsch' },
    { value: 'fr', label: '🇫🇷 Français' },
    { value: 'ar', label: '🇸🇦 العربية' },
  ];
%>

  <% if (_error) { %>
  

    
    <%= _error %>
  
  <% } %>

  
  

    
Appearance

    

      Theme
      
        >System default
        >Light
        >Dark
      
    

    

      Language
      
        <% languages.forEach(function (lang) { %>
        ><%= lang.label %>
        <% }); %>
      
    
  

  
  

    
Notifications

    <%- include('../../../ui/Toggle', {
      id:      'pref-email-notif',
      name:    'emailNotifications',
      value:   '1',
      label:   'Email notifications',
      checked: _emailNotifications
    }) %>

    <%- include('../../../ui/Toggle', {
      id:      'pref-push-notif',
      name:    'pushNotifications',
      value:   '1',
      label:   'Push notifications',
      checked: _pushNotifications
    }) %>

    <%- include('../../../ui/Toggle', {
      id:      'pref-newsletter',
      name:    'newsletter',
      value:   '1',
      label:   'Newsletter',
      checked: _newsletter
    }) %>
  

  

    <%- include('../../../ui/Button', {
      type: 'submit',
      children: 'Save Preferences'
    }) %>