/*
 * Copyright 2015 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package net.nurik.roman.formwatchface;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.annotation.TargetApi;
import android.app.LoaderManager;
import android.content.Loader;
import android.content.SharedPreferences;
import android.content.res.Resources;
import android.graphics.Color;
import android.graphics.Rect;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.LayerDrawable;
import android.os.Build;
import android.os.Bundle;
import android.preference.PreferenceManager;
import android.support.design.widget.TabLayout;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewAnimationUtils;
import android.view.ViewGroup;
import android.widget.ImageButton;
import android.widget.ImageView;

import net.nurik.roman.formwatchface.common.FormClockView;
import net.nurik.roman.formwatchface.common.MathUtil;
import net.nurik.roman.formwatchface.common.MuzeiArtworkImageLoader;
import net.nurik.roman.formwatchface.common.config.ConfigHelper;
import net.nurik.roman.formwatchface.common.config.Themes;
import net.nurik.roman.formwatchface.common.config.UpdateConfigIntentService;
import net.nurik.roman.formwatchface.ui.ScrimInsetsFrameLayout;
import net.nurik.roman.formwatchface.ui.SimplePagerHelper;

import java.util.ArrayList;

import static net.nurik.roman.formwatchface.common.MuzeiArtworkImageLoader.LoadedArtwork;
import static net.nurik.roman.formwatchface.common.config.Themes.MUZEI_THEME;
import static net.nurik.roman.formwatchface.common.config.Themes.Theme;

public class CompanionWatchFaceConfigActivity extends AppCompatActivity
        implements LoaderManager.LoaderCallbacks<LoadedArtwork> {

    private static final String TAG = "CompanionWatchFaceConfigActivity";

    private static final int LOADER_MUZEI_ARTWORK = 1;

    private SharedPreferences mSharedPreferences;

    private ViewGroup mThemeItemContainer;
    private ArrayList<ThemeUiHolder> mThemeUiHolders = new ArrayList<>();
    private ThemeUiHolder mMuzeiThemeUiHolder;

    private ConfigComplicationsFragment mConfigComplicationsFragment;
    private ViewGroup mMainClockContainerView;
    private FormClockView mMainClockView;
    private ViewGroup mAnimateClockContainerView;
    private FormClockView mAnimateClockView;
    private Animator mCurrentRevealAnimator;
    private Theme mAnimatingTheme;

    private LoadedArtwork mMuzeiLoadedArtwork;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().getDecorView().setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
        setContentView(R.layout.config_activity);

        mSharedPreferences = PreferenceManager.getDefaultSharedPreferences(this);

        // Set up general chrome
        ImageButton doneButton = (ImageButton) findViewById(R.id.done_button);
        doneButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });

        ScrimInsetsFrameLayout scrimInsetsFrameLayout = (ScrimInsetsFrameLayout)
                findViewById(R.id.scrim_insets_frame_layout);
        scrimInsetsFrameLayout.setOnInsetsCallback(new ScrimInsetsFrameLayout.OnInsetsCallback() {
            @Override
            public void onInsetsChanged(Rect insets) {
                findViewById(R.id.chrome_container).setPadding(0, insets.top, 0, 0);
            }
        });

        // Set up theme list
        mMainClockContainerView = (ViewGroup) ((ViewGroup) findViewById(R.id.clock_container)).getChildAt(0);
        mMainClockView = (FormClockView) mMainClockContainerView.findViewById(R.id.clock);

        mAnimateClockContainerView = (ViewGroup) ((ViewGroup) findViewById(R.id.clock_container)).getChildAt(1);
        mAnimateClockView = (FormClockView) mAnimateClockContainerView.findViewById(R.id.clock);

        mAnimateClockContainerView.setVisibility(View.INVISIBLE);

        setupThemeList();
        String themeId = mSharedPreferences.getString(ConfigHelper.KEY_THEME, Themes.DEFAULT_THEME.id);
        updateUIToSelectedTheme(themeId, false);

        registerSharedPrefsListener();

        // Set up complications config fragment
        mConfigComplicationsFragment = (ConfigComplicationsFragment) getFragmentManager()
                .findFragmentById(R.id.config_complications_container);
        if (mConfigComplicationsFragment == null) {
            mConfigComplicationsFragment = new ConfigComplicationsFragment();
            getFragmentManager()
                    .beginTransaction()
                    .add(R.id.config_complications_container, mConfigComplicationsFragment)
                    .commit();
        }

        // Set up tabs/pager
        final ViewPager pager = (ViewPager) findViewById(R.id.view_pager);
        pager.setPageMargin((int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 16,
                getResources().getDisplayMetrics()));

        SimplePagerHelper helper = new SimplePagerHelper(this, pager);
        helper.addPage(R.string.title_theme, R.id.config_theme_container);
        helper.addPage(R.string.title_complications, R.id.config_complications_container);

        TabLayout slidingTabLayout = (TabLayout) findViewById(R.id.tabs);
        slidingTabLayout.setupWithViewPager(pager);

        pager.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                super.onPageScrolled(position, positionOffset, positionOffsetPixels);
                float translationX = -pager.getWidth();
                if (position == 0) {
                    translationX = -positionOffsetPixels;
                }
                mMainClockView.setTranslationX(translationX);
                mAnimateClockView.setTranslationX(translationX);
            }
        });
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        unregisterSharedPrefsListener();
    }

    private void registerSharedPrefsListener() {
        mSharedPreferences.registerOnSharedPreferenceChangeListener(mOnSharedPreferenceChangeListener);
    }

    private void unregisterSharedPrefsListener() {
        mSharedPreferences.unregisterOnSharedPreferenceChangeListener(mOnSharedPreferenceChangeListener);
    }

    private SharedPreferences.OnSharedPreferenceChangeListener mOnSharedPreferenceChangeListener
            = new SharedPreferences.OnSharedPreferenceChangeListener() {
        @Override
        public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, String key) {
            if (ConfigHelper.isConfigPrefKey(key)) {
                UpdateConfigIntentService.startConfigChangeService(
                        CompanionWatchFaceConfigActivity.this);

                if (mConfigComplicationsFragment != null) {
                    mConfigComplicationsFragment.update();
                }

                if (ConfigHelper.KEY_THEME.equals(key)) {
                    String themeId = mSharedPreferences
                            .getString(ConfigHelper.KEY_THEME, Themes.DEFAULT_THEME.id);
                    updateUIToSelectedTheme(themeId, true);
                }
            }
        }
    };

    private void setupThemeList() {
        mThemeUiHolders.clear();
        mThemeItemContainer = (ViewGroup) findViewById(R.id.theme_list);
        LayoutInflater inflater = LayoutInflater.from(this);
        for (final Theme theme : Themes.THEMES) {
            ThemeUiHolder holder = new ThemeUiHolder();

            holder.theme = theme;
            holder.container = inflater.inflate(R.layout.config_theme_item, mThemeItemContainer, false);
            holder.button = (ImageButton) holder.container.findViewById(R.id.button);

            LayerDrawable bgDrawable = (LayerDrawable)
                    getResources().getDrawable(R.drawable.theme_item_bg).mutate();

            GradientDrawable gd = (GradientDrawable) bgDrawable.findDrawableByLayerId(R.id.color);
            gd.setColor(getResources().getColor(theme.midRes));
            holder.button.setBackground(bgDrawable);

            holder.button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    updateAndPersistTheme(theme);
                }
            });

            mThemeUiHolders.add(holder);
            mThemeItemContainer.addView(holder.container);
        }

        loadMuzei();
    }

    private void loadMuzei() {
        if (!MuzeiArtworkImageLoader.hasMuzeiArtwork(this)) {
            return;
        }

        LayoutInflater inflater = LayoutInflater.from(this);
        ThemeUiHolder holder = new ThemeUiHolder();

        final Theme theme = Themes.MUZEI_THEME;
        holder.theme = theme;
        holder.container = inflater.inflate(R.layout.config_theme_item, mThemeItemContainer, false);
        holder.button = (ImageButton) holder.container.findViewById(R.id.button);

        LayerDrawable bgDrawable = (LayerDrawable)
                getResources().getDrawable(R.drawable.theme_muzei_item_bg).mutate();
        holder.button.setBackground(bgDrawable);

        holder.button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                updateAndPersistTheme(theme);
            }
        });

        mThemeUiHolders.add(holder);
        mThemeItemContainer.addView(holder.container);
        mMuzeiThemeUiHolder = holder;

        // begin load using fragments
        getLoaderManager().initLoader(LOADER_MUZEI_ARTWORK, null, this);
    }

    private void updateAndPersistTheme(Theme theme) {
        mSharedPreferences.edit().putString(ConfigHelper.KEY_THEME, theme.id).apply();
    }

    @Override
    public Loader<LoadedArtwork> onCreateLoader(int id, Bundle args) {
        return new MuzeiArtworkImageLoader(this);
    }

    @Override
    public void onLoadFinished(Loader<LoadedArtwork> loader, LoadedArtwork data) {
        mMuzeiLoadedArtwork = data;
        if (mMuzeiThemeUiHolder.selected) {
            updatePreviewView(MUZEI_THEME, mMainClockContainerView, mMainClockView);
        }
    }

    @Override
    public void onLoaderReset(Loader<LoadedArtwork> loader) {
        mMuzeiLoadedArtwork = null;
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    private void updateUIToSelectedTheme(final String themeId, final boolean animate) {
        for (final ThemeUiHolder holder : mThemeUiHolders) {
            boolean selected = holder.theme.id.equals(themeId);

            holder.button.setSelected(selected);

            if (holder.selected != selected && selected) {
                if (mCurrentRevealAnimator != null) {
                    mCurrentRevealAnimator.end();
                    updatePreviewView(mAnimatingTheme, mMainClockContainerView, mMainClockView);
                }

                if (animate && Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                    mAnimatingTheme = holder.theme;
                    updatePreviewView(mAnimatingTheme, mAnimateClockContainerView, mAnimateClockView);

                    Rect buttonRect = new Rect();
                    Rect clockContainerRect = new Rect();
                    holder.button.getGlobalVisibleRect(buttonRect);
                    mMainClockContainerView.getGlobalVisibleRect(clockContainerRect);

                    int cx = buttonRect.centerX() - clockContainerRect.left;
                    int cy = buttonRect.centerY() - clockContainerRect.top;
                    clockContainerRect.offsetTo(0, 0);

                    mCurrentRevealAnimator = ViewAnimationUtils.createCircularReveal(
                            mAnimateClockContainerView, cx, cy, 0,
                            MathUtil.maxDistanceToCorner(clockContainerRect, cx, cy));
                    mAnimateClockContainerView.setVisibility(View.VISIBLE);
                    mCurrentRevealAnimator.setDuration(300);
                    mCurrentRevealAnimator.addListener(new AnimatorListenerAdapter() {
                        @Override
                        public void onAnimationEnd(Animator animation) {
                            if (mCurrentRevealAnimator == animation) {
                                mAnimateClockContainerView.setVisibility(View.INVISIBLE);
                                updatePreviewView(holder.theme, mMainClockContainerView, mMainClockView);
                            }
                        }
                    });

                    mAnimateClockView.postInvalidateOnAnimation();
                    mCurrentRevealAnimator.start();
                } else {
                    updatePreviewView(holder.theme, mMainClockContainerView, mMainClockView);
                }
            }

            holder.selected = selected;
        }
    }

    private void updatePreviewView(Theme theme, ViewGroup clockContainerView, FormClockView clockView) {
        if (theme == Themes.MUZEI_THEME) {
            if (mMuzeiLoadedArtwork != null) {
                ((ImageView) clockContainerView.findViewById(R.id.background_image))
                        .setImageBitmap(mMuzeiLoadedArtwork.bitmap);
                clockView.setColors(
                        mMuzeiLoadedArtwork.color1,
                        mMuzeiLoadedArtwork.color2,
                        Color.WHITE);
            }
            clockContainerView.setBackgroundColor(Color.BLACK);
        } else {
            ((ImageView) clockContainerView.findViewById(R.id.background_image))
                    .setImageDrawable(null);
            final Resources res = getResources();
            clockView.setColors(
                    res.getColor(theme.lightRes),
                    res.getColor(theme.midRes),
                    Color.WHITE);
            clockContainerView.setBackgroundColor(
                    res.getColor(theme.darkRes));
        }
    }

    private static class ThemeUiHolder {
        Theme theme;
        View container;
        ImageButton button;
        boolean selected;
    }
}