import 'package:diplomaticquarterapp/core/model/contactus/get_hmg_locations.dart';
import 'package:diplomaticquarterapp/core/viewModels/contactus/findus_view_model.dart';
import 'package:diplomaticquarterapp/pages/base/base_view.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/buttons/button.dart';
import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/slider/slider.dart';
import 'package:diplomaticquarterapp/widgets/text/app_texts_widget.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_xlider/flutter_xlider.dart';
import 'package:giffy_dialog/giffy_dialog.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:maps_launcher/maps_launcher.dart';

class HealthWeatherIndicator extends StatefulWidget {


  @override
  _HospitalsPageState createState() => _HospitalsPageState();
}

class _HospitalsPageState extends State<HealthWeatherIndicator> {
  LinearGradient gradient = LinearGradient(
      colors: <Color> [
        Colors.red,
        Colors.orange,
        Colors.yellow,
        Colors.green,
        Colors.blue,
        Colors.blue[900],
        Colors.purple
      ]
  );
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
      isShowDecPage: false,
      appBarTitle: TranslationBase.of(context).healthWeatherIndicators,
      isShowAppBar: true,
      body: SingleChildScrollView(
        child: Column(children: [
        WeatherSlider(.4, LinearGradient(colors: [Colors.redAccent[100],Colors.redAccent ])),
          WeatherSlider(.6, LinearGradient(colors: [Colors.greenAccent[100],Colors.greenAccent ])),
          WeatherSlider(.8, LinearGradient(colors: [Colors.yellowAccent[100],Colors.yellowAccent ])),
        ])
      ),
    );
  }
}


class WeatherSlider extends StatelessWidget{
  final width;
  final LinearGradient color;
  WeatherSlider(this.width, this.color);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Column(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
      AppText('Low', fontSize: 24,),

      Padding(
          padding: EdgeInsets.all(10),
          child:
          Stack(
            children: [
              Container(
                decoration: BoxDecoration(gradient: LinearGradient(colors: [Colors.grey[100],Colors.grey[400] ]),
                    borderRadius: BorderRadius.circular(10)
                ),
                height: 15, width: MediaQuery.of(context).size.width,
                child:SizedBox(),
              ),
              Positioned(
                  top:0,
                  child: Container(
                    decoration: BoxDecoration(gradient: color,
                        borderRadius: BorderRadius.circular(10)
                    ),
                    height: 15,
                    width: MediaQuery.of(context).size.width * width,
                    padding: EdgeInsets.all(10),
                    child:SizedBox(),

                  )),

            ],
          )),
      Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
        AppText('Low', fontSize: 12,),
        AppText('Moderate', fontSize: 12,),
        AppText('High', fontSize: 12,),
        AppText('Very High', fontSize: 12,),
        AppText('Extreme', fontSize: 12,),
      ],)
    ],);

  }
}