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

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.data.Route

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun DepartScreen(
  ui: DepartUiLogic
) {
  val routes by ui.routes.collectAsState()
  var expanded by remember { mutableStateOf(false) }
  var selectedRoute by remember { mutableStateOf<Route?>(null) }

  Column(
    modifier = Modifier
      .fillMaxSize()
      .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 = { }
        )
      }
    }
  }
}

@Preview(showBackground = true)
@Composable
fun DepartScreenPreview() {
  DepartScreen(ui = FakeDepartViewModel())
}