private void updateActionBar(int offset) {

    avatarView.setOffset(offset);

    ActionBar bar = ((BaseActivity) getActivity()).getSupportActionBar();
    int fullColor = baseColor;
    ActorStyle style = ActorSDK.sharedActor().style;
    if (style.getToolBarColor() != 0) {
      fullColor = style.getToolBarColor();
    }

    if (Math.abs(offset) > Screen.dp(248 - 56)) {
      bar.setBackgroundDrawable(new ColorDrawable(fullColor));
    } else {
      float alpha = Math.abs(offset) / (float) Screen.dp(248 - 56);

      bar.setBackgroundDrawable(
          new ColorDrawable(
              Color.argb(
                  (int) (255 * alpha),
                  Color.red(fullColor),
                  Color.green(fullColor),
                  Color.blue(fullColor))));
    }
  }
  @Override
  public View onCreateView(
      final LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_settings, container, false);

    shp = getActivity().getSharedPreferences("wallpaper", Context.MODE_PRIVATE);
    ed = shp.edit();

    baseColor = getResources().getColor(R.color.primary);
    final ActorStyle style = ActorSDK.sharedActor().style;
    final UserVM userModel = users().get(myUid());

    final TextView nameView = (TextView) view.findViewById(R.id.name);
    nameView.setShadowLayer(1, 1, 1, style.getDividerColor());
    nameView.setTextColor(style.getProfileTitleColor());
    bind(nameView, userModel.getName());

    view.findViewById(R.id.notifications)
        .setOnClickListener(
            new View.OnClickListener() {
              @Override
              public void onClick(View v) {
                startActivity(new Intent(getActivity(), NotificationsActivity.class));
              }
            });

    view.findViewById(R.id.helpSettings)
        .setOnClickListener(
            new View.OnClickListener() {
              @Override
              public void onClick(View v) {
                startActivity(new Intent(getActivity(), HelpActivity.class));
              }
            });

    final LinearLayout nickContainer = (LinearLayout) view.findViewById(R.id.nickContainer);
    final LinearLayout contactsContainer = (LinearLayout) view.findViewById(R.id.phoneContainer);
    final FrameLayout about = (FrameLayout) view.findViewById(R.id.about);

    // TODO: Move bindings to onResume
    bind(
        userModel.getNick(),
        new ValueChangedListener<String>() {
          @Override
          public void onChanged(final String val, Value<String> Value) {
            final View recordView = inflater.inflate(R.layout.contact_record, nickContainer, false);
            recordView
                .findViewById(R.id.divider)
                .setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());
            TintImageView nickIcon = (TintImageView) recordView.findViewById(R.id.recordIcon);
            nickIcon.setTint(ActorSDK.sharedActor().style.getSettingsCategoryTextColor());
            nickIcon.setResource(R.drawable.ic_star_white_36dp);

            String value =
                (val != null && !val.isEmpty()) ? val : getString(R.string.nickname_empty);
            String title = getString(R.string.nickname);

            TextView nickValue = (TextView) recordView.findViewById(R.id.value);
            nickValue.setText(value);
            nickValue.setTextColor(style.getTextPrimaryColor());
            TextView nickTitle = (TextView) recordView.findViewById(R.id.title);
            nickTitle.setText(title);
            nickTitle.setTextColor(style.getTextSecondaryColor());
            nickContainer.removeAllViews();
            nickContainer.addView(
                recordView,
                new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, Screen.dp(72)));

            recordView.setOnClickListener(
                new View.OnClickListener() {
                  @Override
                  public void onClick(View v) {
                    getActivity().startActivity(Intents.editUserNick(getActivity()));
                  }
                });
          }
        });

    final TextView aboutTitle = (TextView) about.findViewById(R.id.value);
    TintImageView aboutIcon = (TintImageView) about.findViewById(R.id.recordIcon);
    aboutIcon.setTint(ActorSDK.sharedActor().style.getSettingsCategoryTextColor());
    aboutIcon.setResource(R.drawable.ic_editor_format_quote_36dp);
    TextView aboutValue = (TextView) about.findViewById(R.id.title);
    aboutTitle.setTextColor(style.getTextPrimaryColor());
    aboutValue.setTextColor(style.getTextSecondaryColor());
    aboutValue.setText(getString(R.string.about_user_me));
    aboutTitle.setEllipsize(TextUtils.TruncateAt.END);
    about
        .findViewById(R.id.divider)
        .setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());
    about.setOnClickListener(
        new View.OnClickListener() {
          @Override
          public void onClick(View v) {
            getActivity().startActivity(Intents.editUserAbout(getActivity()));
          }
        });

    bind(
        userModel.getAbout(),
        new ValueChangedListener<String>() {
          @Override
          public void onChanged(String val, Value<String> valueModel) {
            if (val != null && !val.isEmpty()) {
              aboutTitle.setText(val);
            } else {
              aboutTitle.setText(getString(R.string.edit_about_edittext_hint));
            }
          }
        });

    bind(
        userModel.getPhones(),
        new ValueChangedListener<ArrayListUserPhone>() {
          @Override
          public void onChanged(ArrayListUserPhone val, Value<ArrayListUserPhone> Value) {
            if (val.size() == 0) {
              noPhones = true;
            } else {
              contactsContainer.setVisibility(View.VISIBLE);
              for (int i = 0; i < val.size(); i++) {
                final UserPhone record = val.get(i);
                View recordView =
                    inflater.inflate(R.layout.contact_record, contactsContainer, false);
                TintImageView tintImageView =
                    (TintImageView) recordView.findViewById(R.id.recordIcon);
                tintImageView.setTint(ActorSDK.sharedActor().style.getSettingsCategoryTextColor());
                if (i == 0) {
                  tintImageView.setResource(R.drawable.ic_call_white_36dp);
                  tintImageView.setVisibility(View.VISIBLE);
                } else {
                  tintImageView.setVisibility(View.INVISIBLE);
                }

                View divider = recordView.findViewById(R.id.divider);
                if (i == val.size() - 1
                    && (userModel.getEmails().get() == null
                        || userModel.getEmails().get().isEmpty())) {
                  divider.setVisibility(View.GONE);
                } else {
                  divider.setVisibility(View.VISIBLE);
                }
                divider.setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());

                String _phoneNumber;
                try {
                  Phonenumber.PhoneNumber number =
                      PhoneNumberUtil.getInstance().parse("+" + record.getPhone(), "us");
                  _phoneNumber =
                      PhoneNumberUtil.getInstance()
                          .format(number, PhoneNumberUtil.PhoneNumberFormat.INTERNATIONAL);
                } catch (NumberParseException e) {
                  e.printStackTrace();
                  _phoneNumber = "+" + record.getPhone();
                }
                final String phoneNumber = _phoneNumber;

                TextView value = (TextView) recordView.findViewById(R.id.value);
                value.setTextColor(style.getTextPrimaryColor());
                value.setText(phoneNumber);
                TextView title = (TextView) recordView.findViewById(R.id.title);
                title.setTextColor(style.getTextSecondaryColor());
                title.setText(record.getTitle());
                contactsContainer.addView(
                    recordView,
                    new LinearLayout.LayoutParams(
                        ViewGroup.LayoutParams.MATCH_PARENT, Screen.dp(72)));

                recordView.setOnClickListener(
                    new View.OnClickListener() {
                      @Override
                      public void onClick(View v) {
                        new AlertDialog.Builder(getActivity())
                            .setItems(
                                new CharSequence[] {
                                  getString(R.string.phone_menu_call).replace("{0}", phoneNumber),
                                  getString(R.string.phone_menu_sms).replace("{0}", phoneNumber),
                                  getString(R.string.phone_menu_share).replace("{0}", phoneNumber),
                                  getString(R.string.phone_menu_copy)
                                },
                                new DialogInterface.OnClickListener() {
                                  @Override
                                  public void onClick(DialogInterface dialog, int which) {
                                    if (which == 0) {
                                      startActivity(
                                          new Intent(Intent.ACTION_DIAL)
                                              .setData(Uri.parse("tel:+" + record.getPhone())));
                                    } else if (which == 1) {
                                      startActivity(
                                          new Intent(Intent.ACTION_VIEW)
                                              .setData(Uri.parse("sms:+" + record.getPhone())));
                                    } else if (which == 2) {
                                      startActivity(
                                          new Intent(Intent.ACTION_SEND)
                                              .setType("text/plain")
                                              .putExtra(
                                                  Intent.EXTRA_TEXT,
                                                  getString(R.string.settings_share_text)
                                                      .replace("{0}", phoneNumber)
                                                      .replace("{1}", userModel.getName().get())));
                                    } else if (which == 3) {
                                      ClipboardManager clipboard =
                                          (ClipboardManager)
                                              getActivity()
                                                  .getSystemService(Context.CLIPBOARD_SERVICE);
                                      ClipData clip =
                                          ClipData.newPlainText("Phone number", phoneNumber);
                                      clipboard.setPrimaryClip(clip);
                                      Toast.makeText(
                                              getActivity(),
                                              R.string.toast_phone_copied,
                                              Toast.LENGTH_SHORT)
                                          .show();
                                    }
                                  }
                                })
                            .show()
                            .setCanceledOnTouchOutside(true);
                      }
                    });
                recordView.setOnLongClickListener(
                    new View.OnLongClickListener() {
                      @Override
                      public boolean onLongClick(View v) {
                        ClipboardManager clipboard =
                            (ClipboardManager)
                                getActivity().getSystemService(Context.CLIPBOARD_SERVICE);
                        ClipData clip =
                            ClipData.newPlainText("Phone number", "+" + record.getPhone());
                        clipboard.setPrimaryClip(clip);
                        Toast.makeText(
                                getActivity(), R.string.toast_phone_copied, Toast.LENGTH_SHORT)
                            .show();
                        return true;
                      }
                    });
              }
            }
          }
        });

    bind(
        userModel.getEmails(),
        new ValueChangedListener<ArrayListUserEmail>() {
          @Override
          public void onChanged(ArrayListUserEmail val, Value<ArrayListUserEmail> Value) {
            if (val.size() == 0) {
              noEmails = true;
            } else {
              contactsContainer.setVisibility(View.VISIBLE);
              for (int i = 0; i < val.size(); i++) {
                final UserEmail record = val.get(i);
                View recordView =
                    inflater.inflate(R.layout.contact_record, contactsContainer, false);
                TintImageView tintImageView =
                    (TintImageView) recordView.findViewById(R.id.recordIcon);
                tintImageView.setTint(ActorSDK.sharedActor().style.getSettingsCategoryTextColor());
                if (i == 0) {
                  tintImageView.setResource(R.drawable.ic_email_white_36dp);
                  tintImageView.setVisibility(View.VISIBLE);
                } else {
                  tintImageView.setVisibility(View.INVISIBLE);
                }

                View divider = recordView.findViewById(R.id.divider);
                if (i != val.size() - 1) {
                  divider.setVisibility(View.VISIBLE);
                } else {
                  divider.setVisibility(View.GONE);
                }
                divider.setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());

                final String email = record.getEmail();

                TextView value = (TextView) recordView.findViewById(R.id.value);
                value.setTextColor(style.getTextPrimaryColor());
                value.setText(email);
                TextView title = (TextView) recordView.findViewById(R.id.title);
                title.setTextColor(style.getTextSecondaryColor());
                title.setText(record.getTitle());
                contactsContainer.addView(
                    recordView,
                    new LinearLayout.LayoutParams(
                        ViewGroup.LayoutParams.MATCH_PARENT, Screen.dp(72)));

                recordView.setOnClickListener(
                    new View.OnClickListener() {
                      @Override
                      public void onClick(View v) {
                        new AlertDialog.Builder(getActivity())
                            .setItems(
                                new CharSequence[] {
                                  getString(R.string.email_menu_email).replace("{0}", email),
                                  getString(R.string.phone_menu_copy)
                                },
                                new DialogInterface.OnClickListener() {
                                  @Override
                                  public void onClick(DialogInterface dialog, int which) {
                                    if (which == 0) {
                                      startActivity(
                                          new Intent(
                                              Intent.ACTION_SENDTO,
                                              Uri.fromParts("mailto", record.getEmail(), null)));
                                    } else if (which == 1) {
                                      ClipboardManager clipboard =
                                          (ClipboardManager)
                                              getActivity()
                                                  .getSystemService(Context.CLIPBOARD_SERVICE);
                                      ClipData clip = ClipData.newPlainText("Email", email);
                                      clipboard.setPrimaryClip(clip);
                                      Toast.makeText(
                                              getActivity(),
                                              R.string.toast_email_copied,
                                              Toast.LENGTH_SHORT)
                                          .show();
                                    }
                                  }
                                })
                            .show()
                            .setCanceledOnTouchOutside(true);
                      }
                    });
                recordView.setOnLongClickListener(
                    new View.OnLongClickListener() {
                      @Override
                      public boolean onLongClick(View v) {
                        ClipboardManager clipboard =
                            (ClipboardManager)
                                getActivity().getSystemService(Context.CLIPBOARD_SERVICE);
                        ClipData clip = ClipData.newPlainText("Email", "+" + record.getEmail());
                        clipboard.setPrimaryClip(clip);
                        Toast.makeText(
                                getActivity(), R.string.toast_email_copied, Toast.LENGTH_SHORT)
                            .show();
                        return true;
                      }
                    });
              }
            }
          }
        });

    if (noEmails && noPhones) {
      contactsContainer.setVisibility(View.GONE);
      about.findViewById(R.id.divider).setVisibility(View.INVISIBLE);
    }

    view.findViewById(R.id.chatSettings)
        .setOnClickListener(
            new View.OnClickListener() {
              @Override
              public void onClick(View v) {
                startActivity(new Intent(getActivity(), ChatSettingsActivity.class));
              }
            });

    view.findViewById(R.id.encryption)
        .setOnClickListener(
            new View.OnClickListener() {
              @Override
              public void onClick(View v) {
                startActivity(new Intent(getActivity(), SecuritySettingsActivity.class));
              }
            });

    view.findViewById(R.id.askQuestion)
        .setOnClickListener(
            new View.OnClickListener() {
              @Override
              public void onClick(View view) {
                execute(
                    messenger().findUsers("75551234567"),
                    R.string.progress_common,
                    new CommandCallback<UserVM[]>() {
                      @Override
                      public void onResult(UserVM[] res) {
                        if (res.length >= 1) {
                          startActivity(
                              Intents.openPrivateDialog(res[0].getId(), true, getActivity()));
                        }
                      }

                      @Override
                      public void onError(Exception e) {}
                    });
              }
            });

    TextView settingsHeaderText = (TextView) view.findViewById(R.id.settings_header_text);
    settingsHeaderText.setTextColor(ActorSDK.sharedActor().style.getSettingsCategoryTextColor());

    TextView settingsNotificationsTitle =
        (TextView) view.findViewById(R.id.settings_notifications_title);
    settingsNotificationsTitle.setTextColor(ActorSDK.sharedActor().style.getSettingsTitleColor());

    TextView settingsChatTitle = (TextView) view.findViewById(R.id.settings_chat_title);
    settingsChatTitle.setTextColor(ActorSDK.sharedActor().style.getSettingsTitleColor());

    TextView securityTitle = (TextView) view.findViewById(R.id.settings_security_title);
    securityTitle.setTextColor(ActorSDK.sharedActor().style.getSettingsTitleColor());

    TintImageView securityIcon = (TintImageView) view.findViewById(R.id.settings_security_icon);
    securityIcon.setTint(style.getSettingsIconColor());

    TextView helpTitle = (TextView) view.findViewById(R.id.settings_help_title);
    helpTitle.setTextColor(ActorSDK.sharedActor().style.getSettingsTitleColor());

    TintImageView helpIcon = (TintImageView) view.findViewById(R.id.settings_help_icon);
    helpIcon.setTint(style.getSettingsIconColor());

    TextView askTitle = (TextView) view.findViewById(R.id.settings_ask_title);
    askTitle.setTextColor(ActorSDK.sharedActor().style.getSettingsTitleColor());

    TintImageView askIcon = (TintImageView) view.findViewById(R.id.settings_ask_icon);
    askIcon.setTint(style.getSettingsIconColor());

    TintImageView notificationsSettingsIcon =
        (TintImageView) view.findViewById(R.id.settings_notification_icon);
    notificationsSettingsIcon.setTint(style.getSettingsIconColor());

    TintImageView chatSettingsIcon = (TintImageView) view.findViewById(R.id.settings_chat_icon);
    chatSettingsIcon.setTint(style.getSettingsIconColor());

    view.findViewById(R.id.after_phone_divider)
        .setBackgroundColor(ActorSDK.sharedActor().style.getBackyardBackgroundColor());
    view.findViewById(R.id.bottom_divider)
        .setBackgroundColor(ActorSDK.sharedActor().style.getBackyardBackgroundColor());

    view.findViewById(R.id.divider1)
        .setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());
    view.findViewById(R.id.divider2)
        .setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());
    view.findViewById(R.id.divider3)
        .setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());
    view.findViewById(R.id.divider4)
        .setBackgroundColor(ActorSDK.sharedActor().style.getDividerColor());

    if (getBeforeNickSettingsView() != null) {
      FrameLayout beforeNick = (FrameLayout) view.findViewById(R.id.before_nick_container);
      beforeNick.addView(
          getBeforeNickSettingsView(),
          FrameLayout.LayoutParams.MATCH_PARENT,
          FrameLayout.LayoutParams.WRAP_CONTENT);
    }
    if (getBeforeNickSettingsView() != null) {
      FrameLayout afterPhone = (FrameLayout) view.findViewById(R.id.after_phone_container);
      afterPhone.addView(
          getAfterPhoneSettingsView(),
          FrameLayout.LayoutParams.MATCH_PARENT,
          FrameLayout.LayoutParams.WRAP_CONTENT);
    }
    if (getSettingsTopView() != null) {
      FrameLayout settingsTop = (FrameLayout) view.findViewById(R.id.settings_top_container);
      settingsTop.addView(
          getSettingsTopView(),
          FrameLayout.LayoutParams.MATCH_PARENT,
          FrameLayout.LayoutParams.WRAP_CONTENT);
    }
    if (getSettingsBottomView() != null) {
      FrameLayout settingsBot = (FrameLayout) view.findViewById(R.id.settings_bottom_container);
      settingsBot.addView(
          getSettingsBottomView(),
          FrameLayout.LayoutParams.MATCH_PARENT,
          FrameLayout.LayoutParams.WRAP_CONTENT);
    }

    if (getBeforeSettingsCategories() != null) {
      LinearLayout beforeSettings =
          (LinearLayout) view.findViewById(R.id.before_settings_container);
      addCategories(beforeSettings, getBeforeSettingsCategories(), inflater);
    }

    if (getAfterSettingsCategories() != null) {
      LinearLayout afterSettings = (LinearLayout) view.findViewById(R.id.after_settings_container);
      addCategories(afterSettings, getAfterSettingsCategories(), inflater);
    }

    avatarView = (CoverAvatarView) view.findViewById(R.id.avatar);
    ImageView avatarBkgrnd = (ImageView) view.findViewById(R.id.avatar_bgrnd);
    avatarBkgrnd.setBackgroundColor(ActorSDK.sharedActor().style.getAvatarBackgroundColor());
    avatarView.setBkgrnd(avatarBkgrnd);

    bind(avatarView, users().get(myUid()).getAvatar());

    // Wallpaper
    LinearLayout wallpaperContainer = (LinearLayout) view.findViewById(R.id.background_container);
    wallpaperContainer.setBackgroundColor(style.getMainBackgroundColor());
    ((TextView) view.findViewById(R.id.settings_wallpaper_title))
        .setTextColor(style.getSettingsCategoryTextColor());
    view.findViewById(R.id.wallpaperDivider).setBackgroundColor(style.getBackyardBackgroundColor());
    View.OnClickListener ocl =
        new View.OnClickListener() {

          @Override
          public void onClick(final View v) {
            Intent i = new Intent(getActivity(), PickWallpaperActivity.class);
            int j = 0;
            Object tag = v.getTag();
            if (tag != null && tag instanceof Integer) {
              j = (int) tag;
            }
            i.putExtra("EXTRA_ID", j);
            startActivity(i);
          }
        };
    int previewSize = 80;
    LinearLayout.LayoutParams params =
        new LinearLayout.LayoutParams(Screen.dp(previewSize), Screen.dp(previewSize));
    for (int i = 0; i < 3; i++) {
      FrameLayout frame = new FrameLayout(getActivity());
      BackgroundPreviewView bckgrnd = new BackgroundPreviewView(getActivity());
      bckgrnd.init(Screen.dp(previewSize), Screen.dp(previewSize));
      bckgrnd.bind(i);
      // bckgrnd.setPadding(Screen.dp(5), Screen.dp(10), Screen.dp(5), Screen.dp(20));
      frame.setTag(i);
      frame.setOnClickListener(ocl);
      frame.addView(bckgrnd);
      wallpaperContainer.addView(frame, params);
    }
    TintImageView next = new TintImageView(getActivity());
    next.setResource(R.drawable.ic_keyboard_arrow_right_white_36dp);
    next.setTint(style.getSettingsIconColor());
    next.setOnClickListener(ocl);
    next.setTag(-1);
    wallpaperContainer.addView(
        next, new LinearLayout.LayoutParams(Screen.dp(40), Screen.dp(previewSize)));

    view.findViewById(R.id.avatar)
        .setOnClickListener(
            new View.OnClickListener() {
              @Override
              public void onClick(View v) {
                startActivity(ViewAvatarActivity.viewAvatar(myUid(), getActivity()));
              }
            });

    final ScrollView scrollView = ((ScrollView) view.findViewById(R.id.scrollContainer));
    scrollView.setBackgroundColor(ActorSDK.sharedActor().style.getMainBackgroundColor());
    scrollView
        .getViewTreeObserver()
        .addOnScrollChangedListener(
            new ViewTreeObserver.OnScrollChangedListener() {
              @Override
              public void onScrollChanged() {
                updateActionBar(scrollView.getScrollY());
              }
            });

    updateActionBar(scrollView.getScrollY());

    return view;
  }