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

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun DepartHomeScreen(
) {
  var expanded by remember { mutableStateOf(false) }

  Column(
    modifier = Modifier
      .fillMaxSize()
      .background(MaterialTheme.colorScheme.background)
      .padding(16.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp)
  ) {
    Text(
      text = "発車予定",
      style = MaterialTheme.typography.headlineMedium
    )

    ExposedDropdownMenuBox(
      expanded = expanded,
      onExpandedChange = { expanded = !expanded }
    ) {
      OutlinedTextField(
        value = "",
        onValueChange = {},
        readOnly = true,
        label = { Text("経路を選択") },
        trailingIcon = {
          ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded)
        },
        modifier = Modifier
          .fillMaxWidth()
      )

      ExposedDropdownMenu(
        expanded = expanded,
        onDismissRequest = { expanded = false }
      ) {
        // 新規経路オプション
        DropdownMenuItem(
          text = {
            Text(
              text = "編集/新規経路...",
              color = MaterialTheme.colorScheme.primary
            )
          },
          onClick = {
            expanded = false
          }
        )
      }
    }
  }
}

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