package com.aiosman.riderpro

import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.painterResource
import com.google.android.gms.maps.model.CameraPosition
import com.google.android.gms.maps.model.LatLng
import com.google.maps.android.compose.GoogleMap
import com.google.maps.android.compose.MarkerComposable
import com.google.maps.android.compose.MarkerState
import com.google.maps.android.compose.rememberCameraPositionState

@Composable
fun StreetPage(){
    val cameraPositionState = rememberCameraPositionState {
        position = CameraPosition.fromLatLngZoom(
            LatLng(countries[1].lat, countries[1].lng),
            4f)
    }
    GoogleMap(
        modifier = Modifier.fillMaxSize(),
        cameraPositionState = cameraPositionState
    ) {
        countries.forEach { position ->
            MarkerComposable(
                state = MarkerState(position = LatLng(position.lat, position.lng)),
            ) {
                Image(
                    painter = painterResource(id = R.drawable.rider_pro_map_mark),
                    contentDescription = "",
                )
            }
        }
    }

}