import 'package:anyway/structs/landmark.dart';
import 'package:flutter/material.dart';

class StepBetweenLandmarks extends StatefulWidget {
  final Landmark current;
  final Landmark next;

  const StepBetweenLandmarks({
    super.key,
    required this.current,
    required this.next
    });

  @override
  State<StepBetweenLandmarks> createState() => _StepBetweenLandmarksState();
}

class _StepBetweenLandmarksState extends State<StepBetweenLandmarks> {
  @override
  Widget build(BuildContext context) {
    int timeRounded = 5 * (widget.current.tripTime?.inMinutes ?? 0) ~/ 5;
    // ~/ is integer division (rounding)
    return Container(
      margin: EdgeInsets.all(10),
      padding: EdgeInsets.all(10),
      decoration: BoxDecoration(
        border: Border(
          left: BorderSide(width: 3.0, color: Colors.black),
        ),
        // gradient: LinearGradient(
        //   begin: Alignment.topLeft,
        //   end: Alignment.bottomRight,
        //   colors: [Colors.grey, Colors.white, Colors.white],
        // ),
      ),
      child: Row( 
        children: [
          Column(
            children: [
              Icon(Icons.directions_walk),
              Text("~$timeRounded min", style: TextStyle(fontSize: 10)),
            ],
          ),
          Spacer(),
          ElevatedButton(
            onPressed: () {
              // Open navigation instructions
            },
            child: Row(
              children: [
                Icon(Icons.directions),
                Text("Directions"),
              ],
            ),
          )
        ],
      ),
    );
  }
}