import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:get/get_core/src/get_main.dart';
import 'package:get/get_instance/src/extension_instance.dart';
import 'package:get/get_navigation/src/extension_navigation.dart';
import 'package:get/get_state_manager/src/rx_flutter/rx_obx_widget.dart';
import 'package:rogaining_jp/models/check_points.dart';
import 'package:rogaining_jp/pages/home/home_controller.dart';


class MarkerPopupWidget extends StatelessWidget {
  CheckPoint checkpoint;
  HomeController homeController;

  String dropdownValue = 'One';

  MarkerPopupWidget(this.checkpoint, this.homeController);

  TextEditingController detailController = TextEditingController();


  void onIncidentSubmit(){
    return null;
  }


  @override
  Widget build(BuildContext context) {
    final TextEditingController _latitudeController = TextEditingController(text: checkpoint.lat.toString());
    final TextEditingController _longitudeController = TextEditingController(text: checkpoint.long.toString());;
    final TextEditingController _noteController = TextEditingController(text: checkpoint.title);

    return SingleChildScrollView(
      child: Container(
          alignment: Alignment.topLeft,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(20.0),
          ),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Expanded(
                      child: Container(
                        height: 35.0,
                        alignment: Alignment.center,
                        color: Colors.black12,
                        child: const Text("Rogaining", style: TextStyle(
                          fontSize: 18.0,
                          fontWeight: FontWeight.bold,
                        ),
                        ),
                      ),
                    ),
                  ],
                ),
                Row(
                  children: [
                    Text("Title", style: TextStyle(fontWeight: FontWeight.bold)),
                    SizedBox(width: 10.0,),
                    Expanded(
                      child: TextField(
                        controller: _noteController,
                        decoration: InputDecoration(
                          hintText: "Title",
                        ),
                      ),
                    )
                  ],
                ),
                Row(
                  children: [
                    Text("Event", style: TextStyle(fontWeight: FontWeight.bold)),
                    SizedBox(width: 10.0,),
                    Expanded(
                      child: ListTile(
                        title: const Text(
                            "Select event"
                        ),
                        trailing: Icon(Icons.arrow_forward_ios),
                        onTap: (){},
                      ),
                    ),
                  ],
                ),
                Row(
                  children: [
                    Text("Images", style: TextStyle(fontWeight: FontWeight.bold)),
                    SizedBox(width: 10.0,),
                    Expanded(
                      child: ListTile(
                        title: const Text(
                            "Select Photos"
                        ),
                        trailing: Icon(Icons.arrow_forward_ios),
                        onTap: (){},
                      ),
                    )
                  ],
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    IconButton(
                        onPressed:(){},
                        icon: Icon(Icons.favorite_outlined, color: Colors.blue,)
                    ),
                    IconButton(
                        onPressed:(){},
                        icon: Icon(Icons.note, color: Colors.blue,)
                    ),
                  ],
                ),
              ],
            ),
          )
      ),
    );
  }

}