# nKode Login

```mermaid
sequenceDiagram
    participant User
    participant Client
    participant Server
    Note over User,Server: Login
    Client->>User: Login Form
    Note left of User: email: user@example.com
    User->>Server: Submit Email
    Server->>Client: login_keypad, icons 
    Note left of Server: Login Keypad:<br/>Key 0: [ 9  1 29  3 49 50 33 25 35]<br/>Key 1: [27 28  2 12 22 14 24 16 17]<br/>Key 2: [36 37 47 21 13 23 42  7 26]<br/>Key 3: [45 19 11 30  4 32 51 43  8]<br/>Key 4: [18 46 20 39 40 41 15 52 44]<br/>Key 5: [ 0 10 38 48 31  5  6 34 53]<br/>
    Note left of Server: Icons:<br/>[🍎,🍏,🍊,🍋,🍌,🍉<br/>🍇,🍓,🍒,🍑,🥭,🍍<br/>🥥,🥝,🍅,🍆,🥑,🥕<br/>🌽,🥔,🍠,🥐,🥖,🥨<br/>🥯,🥞,🧀,🍖,🍗,🥚<br/>🍔,🍟,🍕,🌭,🥪,🌮<br/>🌯,🍣,🍤,🍙,🍚,🍜<br/>🍲,🍛,🍱,🥟,🍦,🍧<br/>🍨,🍩,🍪,🎂,🍰,🧁]
    Client->>Client: Order Icons
    Client->>User: Display Keypad
    Note left of Client: Key 0: ['🍑' '🍏' '🥚' '🍋' '🍩' '🍪' '🌭' '🥞' '🌮']<br/>Key 1: ['🍖' '🍗' '🍊' '🥥' '🥖' '🍅' '🥯' '🥑' '🥕']<br/>Key 2: ['🌯' '🍣' '🍧' '🥐' '🥝' '🥨' '🍲' '🍓' '🧀']<br/>Key 3: ['🥟' '🥔' '🍍' '🍔' '🍌' '🍕' '🎂' '🍛' '🍒']<br/>Key 4: ['🌽' '🍦' '🍠' '🍙' '🍚' '🍜' '🍆' '🍰' '🍱']<br/>Key 5: ['🍎' '🥭' '🍤' '🍨' '🍟' '🍉' '🍇' '🥪' '🧁']<br/>
    Note left of User: User passcode icons: ['🌯' '🍖' '🍰' '🍓']
    User->>Client: Selected Keys<br/>[2, 1, 4, 2]
    Client->>Server: Login:<br/>email: user@example.com<br/>selected_keys: [2, 1, 4, 2]
    Server-->>Client: Success
```