package jp.co.progress_llc.portal.feature.depart.home.presentation

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import jp.co.progress_llc.portal.core.ui.theme.AppTheme
import jp.co.progress_llc.portal.core.ui.components.AppTitleBox
import jp.co.progress_llc.portal.core.ui.components.CustomExposedDropdownMenuBox
import kotlin.String

@Composable
fun DepartHomeScreen() {
  Scaffold(
    topBar = { AppTitleBox() }
  ) { innerPadding ->
    Column(
      modifier = Modifier
        .padding(innerPadding)
        .fillMaxSize()
        .background(MaterialTheme.colorScheme.background)
        .padding(horizontal = 8.dp),
      verticalArrangement = Arrangement.spacedBy(2.dp)
    ) {
      Text(
        text = "発車予定",
        style = MaterialTheme.typography.titleLarge,
      )
      var selected by remember { mutableStateOf<String?>(null) }
      CustomExposedDropdownMenuBox(
        label = "経路を選択",
        options = emptyList(),
        selectedOption = selected,
        onOptionSelected = { },
        showAdditionalItem = true,
        additionalItemText = "編集/新規経路...",
        onAdditionalItemClick = { }
      )
    }
  }
}

@Preview(showBackground = true)
@Composable
fun DepartHomeScreenPreview() {
  AppTheme {
    DepartHomeScreen()
  }
}