import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:survive_app/ui/style/dimensions.dart';
import 'package:survive_app/ui/viewmodel/drag_sheet_viewmodel.dart';
import 'package:survive_app/ui/viewmodel/home_viewmodel.dart';
import 'package:survive_app/ui/widget/nav_drawer.dart';
import 'package:survive_app/ui/widget/drag_sheet.dart';

class HomeScreen extends StatelessWidget {
  final HomeViewmodel vm;
  const HomeScreen({super.key, required this.vm});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: vm.scaffoldKey,
      backgroundColor: Colors.grey,
      drawer: NavDrawer(),
      body: Stack(
        children: [
          FlutterMap(
            children: [
              TileLayer(
                urlTemplate:
                    'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                subdomains: const ['a', 'b', 'c'],
              ),
            ],
          ),
          IconButton(
            onPressed: () => vm.openDrawer(),
            color: Colors.white,
            padding: EdgeInsets.all(Margins.small),
            icon: Icon(Icons.menu, color: Colors.black),
          ),
          DragSheet(vm: DragSheetViewmodel()),
        ],
      ),
    );
  }
}