/*
 * Copyright 2019 The Android Open Source Project
 *
 * 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 androidx.ui.layout.samples

import androidx.annotation.Sampled
import androidx.compose.Composable
import androidx.ui.core.Text
import androidx.ui.foundation.Box
import androidx.ui.graphics.Color
import androidx.ui.layout.Column
import androidx.ui.layout.LayoutAspectRatio
import androidx.ui.layout.LayoutHeight
import androidx.ui.layout.LayoutSize
import androidx.ui.layout.LayoutWidth
import androidx.ui.layout.MaxIntrinsicHeight
import androidx.ui.layout.MaxIntrinsicWidth
import androidx.ui.layout.MinIntrinsicHeight
import androidx.ui.layout.MinIntrinsicWidth
import androidx.ui.layout.Row
import androidx.ui.layout.Stack
import androidx.ui.unit.dp

/**
 * Builds a layout containing three [Box] having the same width as the widest one.
 *
 * Here [MinIntrinsicWidth] is adding a speculative width measurement pass for the [Column],
 * whose minimum intrinsic width will correspond to the preferred width of the largest
 * [Box]. Then [MinIntrinsicWidth] will measure the [Column] with tight width, the same
 * as the premeasured minimum intrinsic width, which due to [LayoutWidth.Fill] will force
 * the [Box]'s to use the same width.
 */
@Sampled
@Composable
fun SameWidthBoxes() {
    Stack {
        MinIntrinsicWidth {
            Column(LayoutHeight.Fill) {
                Box(
                    modifier = LayoutWidth.Fill + LayoutSize(20.dp, 10.dp),
                    backgroundColor = Color.Gray
                )
                Box(
                    modifier = LayoutWidth.Fill + LayoutSize(30.dp, 10.dp),
                    backgroundColor = Color.Blue
                )
                Box(
                    modifier = LayoutWidth.Fill + LayoutSize(10.dp, 10.dp),
                    backgroundColor = Color.Magenta
                )
            }
        }
    }
}

/**
 * Builds a layout containing two pieces of text separated by a divider, where the divider
 * is sized according to the height of the longest text.
 *
 * Here [MinIntrinsicHeight] is adding a speculative height measurement pass for the [Row],
 * whose minimum intrinsic height will correspond to the height of the largest [Text]. Then
 * [MinIntrinsicHeight] will measure the [Row] with tight height, the same as the premeasured
 * minimum intrinsic height, which due to [LayoutHeight.Fill] will force the [Text]s and
 * the divider to use the same height.
 */
@Sampled
@Composable
fun MatchParentDividerForText() {
    Stack {
        MinIntrinsicHeight {
            Row {
                Text(
                    text = "This is a really short text",
                    modifier = LayoutFlexible(1f) + LayoutHeight.Fill
                )
                Box(LayoutWidth(1.dp) + LayoutHeight.Fill, backgroundColor = Color.Black)
                Text(
                    text = "This is a much much much much much much much much much much" +
                            " much much much much much much longer text",
                    modifier = LayoutFlexible(1f) + LayoutHeight.Fill
                )
            }
        }
    }
}

/**
 * Builds a layout containing three [Text] boxes having the same width as the widest one.
 *
 * Here [MaxIntrinsicWidth] is adding a speculative width measurement pass for the [Column],
 * whose maximum intrinsic width will correspond to the preferred width of the largest
 * [Box]. Then [MaxIntrinsicWidth] will measure the [Column] with tight width, the same
 * as the premeasured maximum intrinsic width, which due to [LayoutWidth.Fill] modifiers will
 * force the [Box]s to use the same width.
 */
@Sampled
@Composable
fun SameWidthTextBoxes() {
    Stack {
        MaxIntrinsicWidth {
            Column(LayoutHeight.Fill) {
                Box(LayoutWidth.Fill, backgroundColor = Color.Gray) {
                    Text("Short text")
                }
                Box(LayoutWidth.Fill, backgroundColor = Color.Blue) {
                    Text("Extremely long text giving the width of its siblings")
                }
                Box(LayoutWidth.Fill, backgroundColor = Color.Magenta) {
                    Text("Medium length text")
                }
            }
        }
    }
}

/**
 * Builds a layout containing two [LayoutAspectRatio]s separated by a divider, where the divider
 * is sized according to the height of the taller [LayoutAspectRatio].
 *
 * Here [MaxIntrinsicHeight] is adding a speculative height measurement pass for the [Row], whose
 * maximum intrinsic height will correspond to the height of the taller [LayoutAspectRatio]. Then
 * [MaxIntrinsicHeight] will measure the [Row] with tight height, the same as the premeasured
 * maximum intrinsic height, which due to [LayoutHeight.Fill] modifier will force the
 * [LayoutAspectRatio]s and the divider to use the same height.
 */
@Sampled
@Composable
fun MatchParentDividerForAspectRatio() {
    Stack {
        MaxIntrinsicHeight {
            Row {
                val modifier = LayoutHeight.Fill + LayoutFlexible(1f)
                Box(modifier + LayoutAspectRatio(2f), backgroundColor = Color.Gray)
                Box(LayoutWidth(1.dp) + LayoutHeight.Fill, backgroundColor = Color.Black)
                Box(modifier + LayoutAspectRatio(1f), backgroundColor = Color.Blue)
            }
        }
    }
}