/*
 * Smart GWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * Smart GWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  Smart GWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 *
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */

import com.smartgwt.client.data.Criteria;
import com.smartgwt.client.types.Overflow;
import com.smartgwt.client.types.SelectionStyle;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.viewer.DetailViewer;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.SelectItem;
import com.smartgwt.client.widgets.form.fields.events.ChangedEvent;
import com.smartgwt.client.widgets.form.fields.events.ChangedHandler;
import com.smartgwt.client.widgets.grid.ListGrid;
import com.smartgwt.client.widgets.grid.ListGridField;
import com.smartgwt.client.widgets.grid.ListGridRecord;
import com.smartgwt.client.widgets.grid.events.SelectionChangedHandler;
import com.smartgwt.client.widgets.grid.events.SelectionEvent;
import com.smartgwt.client.widgets.layout.HStack;
import com.smartgwt.client.widgets.viewer.DetailViewerField;
import com.smartgwt.sample.showcase.client.data.AnimalXmlDS;

import com.google.gwt.core.client.EntryPoint;

public class ContentsEmbeddedComponentsSample implements EntryPoint {

public void onModuleLoad() {

// --- Child widgets with name properties ---
        // Each child declares a "name" that the framework matches to a
        // scID placeholder in the parent's contents HTML.

final DetailViewer animalDetail = new DetailViewer();
        animalDetail.setName("animalDetail");
        animalDetail.setAutoDraw(false);
        animalDetail.setEmptyMessage("Select an animal in the list.");
        animalDetail.setFields(
            new DetailViewerField("commonName", "Name"),
            new DetailViewerField("scientificName", "Scientific Name"),
            new DetailViewerField("diet", "Diet"),
            new DetailViewerField("status", "Status"),
            new DetailViewerField("lifeSpan", "Life Span"),
            new DetailViewerField("information", "Info")
        );

final ListGrid animalList = new ListGrid();
        animalList.setName("animalList");
        animalList.setAutoDraw(false);
        animalList.setDataSource(AnimalXmlDS.getInstance());
        animalList.setSelectionType(SelectionStyle.SINGLE);
        animalList.setAlternateRecordStyles(true);
        animalList.setAutoFetchData(true);
        animalList.setFields(
            new ListGridField("commonName", "Animal", 150),
            new ListGridField("diet", "Diet", 100),
            new ListGridField("status", "Status", 110),
            new ListGridField("lifeSpan", "Life Span", 70)
        );

animalList.addSelectionChangedHandler(
            new SelectionChangedHandler() {
                @Override
                public void onSelectionChanged(SelectionEvent event) {
                    ListGridRecord record = event.getSelectedRecord();
                    if (record != null) {
                        animalDetail.setData(
                            new ListGridRecord[] { record });
                    }
                }
            }
        );

final DynamicForm animalFilter = new DynamicForm();
        animalFilter.setName("animalFilter");
        animalFilter.setAutoDraw(false);
        animalFilter.setNumCols(2);
        animalFilter.setColWidths(80, "*");

SelectItem dietItem = new SelectItem("diet", "Diet");
        dietItem.setValueMap("Herbivore", "Carnivore", "Omnivore");
        dietItem.setAllowEmptyValue(true);
        dietItem.setEmptyDisplayValue("All");
        dietItem.setWidth(200);
        dietItem.addChangedHandler(new ChangedHandler() {
            @Override
            public void onChanged(ChangedEvent event) {
                String val = (String) event.getValue();
                if (val == null || val.isEmpty()) {
                    animalList.fetchData();
                } else {
                    animalList.fetchData(new Criteria("diet", val));
                }
            }
        });
        animalFilter.setFields(dietItem);

// --- Parent Canvas with scID placeholders in contents ---

Canvas animalPage = new Canvas();
        animalPage.setWidth100();
        animalPage.setHeight100();
        animalPage.setOverflow(Overflow.AUTO);
        animalPage.setContents(
            "<div style=\"max-width:960px; margin:0 auto;" +
            "     font-family:system-ui, sans-serif;" +
            "     padding:10px\">" +

// Page header
                "<div style=\"background:" +
                "     linear-gradient(135deg," +
                "         #1e8449, #27ae60);" +
                "     color:white; padding:16px 24px;" +
                "     border-radius:8px 8px 0 0;" +
                "     margin-bottom:16px\">" +
                    "<h2 style=\"margin:0 0 4px 0\">" +
                        "Wildlife Catalog</h2>" +
                    "<p style=\"margin:0; opacity:0.85;" +
                    "     font-size:13px\">" +
                        "SmartGWT widgets placed via " +
                        "scID placeholders in contents</p>" +
                "</div>" +

// Two-column layout: list + detail
                "<div style=\"display:flex; gap:16px;" +
                "     margin-bottom:16px\">" +

// Animal list on the left
                    "<div style=\"flex:1;" +
                    "     border-radius:6px;" +
                    "     box-shadow:" +
                    "         0 1px 4px rgba(0,0,0,.12);" +
                    "     overflow:hidden\">" +
                        "<div style=\"padding:10px 14px;" +
                        "     background:#e9ecef;" +
                        "     font-weight:600;" +
                        "     font-size:13px;" +
                        "     border-bottom:" +
                        "       1px solid #dee2e6\">" +
                            "Animals</div>" +
                        "<div scID=\"animalList\"" +
                        "     style=\"height:320px\">" +
                        "</div>" +
                    "</div>" +

// Detail on the right
                    "<div style=\"flex:1;" +
                    "     border-radius:6px;" +
                    "     box-shadow:" +
                    "         0 1px 4px rgba(0,0,0,.12);" +
                    "     overflow:hidden\">" +
                        "<div style=\"padding:10px 14px;" +
                        "     background:#e9ecef;" +
                        "     font-weight:600;" +
                        "     font-size:13px;" +
                        "     border-bottom:" +
                        "       1px solid #dee2e6\">" +
                            "Details</div>" +
                        "<div scID=\"animalDetail\"" +
                        "     style=\"padding:10px;" +
                        "     min-height:280px\">" +
                        "</div>" +
                    "</div>" +

"</div>" +

// Bottom: filter form
                "<div style=\"border-radius:6px;" +
                "     box-shadow:" +
                "         0 1px 4px rgba(0,0,0,.12);" +
                "     overflow:hidden\">" +
                    "<div style=\"padding:10px 14px;" +
                    "     background:#e9ecef;" +
                    "     font-weight:600;" +
                    "     font-size:13px;" +
                    "     border-bottom:" +
                    "         1px solid #dee2e6\">" +
                        "Filter by Diet</div>" +
                    "<div scID=\"animalFilter\"" +
                    "     style=\"padding:10px\">" +
                    "</div>" +
                "</div>" +

"</div>"
        );

// Children with name properties are automatically connected
        // to the scID placeholders in contents by the framework.
        animalPage.addChild(animalList);
        animalPage.addChild(animalDetail);
        animalPage.addChild(animalFilter);

HStack wrapper = new HStack();
        wrapper.setWidth100();
        wrapper.setHeight100();
        wrapper.addMember(animalPage);
        wrapper.draw();
    }

}