/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package com.codesmuggler5.socialpro;

import com.codename1.components.FloatingActionButton;
import com.codename1.components.SpanLabel;
import com.codename1.io.Preferences;
import com.codename1.ui.Button;
import com.codename1.ui.Calendar;
import com.codename1.ui.Command;
import com.codename1.ui.Component;
import com.codename1.ui.Container;
import com.codename1.ui.Dialog;
import com.codename1.ui.Display;
import com.codename1.ui.FontImage;
import com.codename1.ui.Form;
import com.codename1.ui.Graphics;
import com.codename1.ui.Image;
import com.codename1.ui.Label;
import com.codename1.ui.Tabs;
import com.codename1.ui.TextField;
import com.codename1.ui.Toolbar;
import com.codename1.ui.animations.ComponentAnimation;
import com.codename1.ui.events.ActionEvent;
import com.codename1.ui.layouts.BorderLayout;
import com.codename1.ui.layouts.BoxLayout;
import com.codename1.ui.layouts.FlowLayout;
import com.codename1.ui.layouts.GridBagLayout;
import com.codename1.ui.layouts.GridLayout;
import com.codename1.ui.layouts.LayeredLayout;
import com.codename1.ui.util.Resources;

/**
 *
 * @author Firas
 */
public class TestTheme extends Form{

    final Resources res;
    private Toolbar tb;
    private Command cmd1,cmd2,cmd3,cmd4;
    private int circleMaskWidth=150;
    private int circleMaskHeight=150;
    private Object circleMask;

    public TestTheme(Resources res) {
        super("Projects");
        super.setUIID("project");
        this.res = res;
        setLayout(new BorderLayout());
        Container north = new Container(new BoxLayout(BoxLayout.Y_AXIS));
        Container row = new Container(new GridLayout(1, 2));

        Label nbrProjects = new Label("Projects");
        nbrProjects.setUIID("topLab");
        Label nbrP = new Label("30");
        nbrP.setUIID("numbLab");
        Container col1Con = new Container(new BoxLayout(BoxLayout.Y_AXIS));
        Container col11 = new Container(new FlowLayout(Component.CENTER));
        col1Con.setUIID("col1");
        col11.addComponent(nbrProjects);
        col1Con.addComponent(col11);
        Container col12 = new Container(new FlowLayout(Component.CENTER));
        col12.addComponent(nbrP);
        col1Con.addComponent(col12);


        Label completedProjects = new Label("Completed");
        completedProjects.setUIID("topLab");
        Label nbrC = new Label("9");
        nbrC.setUIID("numbLab");
        Container col2Con = new Container(new BoxLayout(BoxLayout.Y_AXIS));
        Container col21 = new Container(new FlowLayout(Component.CENTER));
        col2Con.setUIID("col2");
        col21.addComponent(completedProjects);
        col2Con.addComponent(col21);
        Container col22 = new Container(new FlowLayout(Component.CENTER));
        col22.addComponent(nbrC);
        col2Con.addComponent(col22);

        row.addComponent(col1Con);
        row.addComponent(col2Con);
        north.addComponent(row);

        this.addComponent(BorderLayout.NORTH,north);

        Container center = new Container(new BoxLayout(BoxLayout.Y_AXIS));
        center.setUIID("Center");
        center.setScrollableY(true);
        Container centerCon = new Container(new BoxLayout(BoxLayout.Y_AXIS));



        for(int i=0;i<10;i++){
        Container conn1 = new Container(new GridLayout(1, 4));
        conn1.setUIID("conn1");
        Label l0 = new Label(""+i);
        Label l = new Label("10:35");
        Label l1 = new Label("zzzzzz");
        Label l2 = new Label("Done");
        conn1.addComponent(l0);
        conn1.addComponent(l);
        conn1.addComponent(l1);
        conn1.addComponent(l2);
        centerCon.addComponent(conn1);
        }

        center.addComponent(centerCon);

        this.addComponent(BorderLayout.CENTER, center);

        Image dukeImage = Image.createImage(circleMaskWidth, circleMaskHeight, 0);
        Graphics g = dukeImage.getGraphics();
        g.drawImage(res.getImage("Logo.png"), 0, 0, circleMaskWidth, circleMaskHeight);
        Label duke = new Label(dukeImage);
        Label circle = new Label(res.getImage("circle-line.png"));
        Container dukeImageContainer = LayeredLayout.encloseIn(duke, circle);
        Label name = new Label("Duke");
        Container dukeContainer = BorderLayout.west(BoxLayout.encloseY(dukeImageContainer, name));
        Container dukeCon = new Container(new FlowLayout(Component.CENTER));
        dukeCon.addComponent(dukeContainer);
        dukeCon.setUIID("ProfileContainer");

        this.getToolbar().addComponentToSideMenu(dukeCon);
        this.getToolbar().addMaterialCommandToSideMenu("CodenameOne.com",
                FontImage.MATERIAL_WEB, e -> Display.getInstance().execute("https://www.codenameone.com/"));
        this.getToolbar().addMaterialCommandToSideMenu("Getting Started", FontImage.MATERIAL_WEB, e -> Display.getInstance().execute("https://www.codenameone.com/"));
        this.getToolbar().addMaterialCommandToSideMenu("Developer Guide", FontImage.MATERIAL_WEB, e -> Display.getInstance().execute("https://www.codenameone.com/files/developer-guide.pdf"));
        this.getToolbar().addMaterialCommandToSideMenu("JavaDoc (Reference)", FontImage.MATERIAL_WEB, e -> Display.getInstance().execute("https://www.codenameone.com/javadoc/"));
        this.getToolbar().addMaterialCommandToSideMenu("Source Code", FontImage.MATERIAL_WEB, e -> Display.getInstance().execute("https://github.com/codenameone/KitchenSink"));
        //Display.getInstance().share("Check out the kitchen sink app from Codename One: " + getAppstoreURL(), null, null);


        this.getToolbar().setVisible(false);

    }
}