import 'package:flutter/material.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/models/enums/translation_keys.dart';
import 'package:test_sa/models/lookup.dart';
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart';
import 'package:test_sa/new_views/common_widgets/single_item_drop_down_menu.dart';
import 'package:test_sa/providers/gas_request_providers/cylinder_size_provider.dart';
import 'package:test_sa/providers/gas_request_providers/cylinder_type_provider.dart';
import 'package:test_sa/providers/gas_request_providers/gas_types_provider.dart';

import '../common_widgets/default_app_bar.dart';

class NewGasRefillRequestPage extends StatelessWidget {
  static const String routeName = "/new_gas_refill_request_page";
  const NewGasRefillRequestPage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: const DefaultAppBar(title: TranslationKeys.newGasRefillRequest),
      body: Padding(
        padding: EdgeInsets.symmetric(horizontal: 16.toScreenWidth),
        child: SingleChildScrollView(
          child: Column(
            children: [
              16.height,
              SingleItemDropDownMenu<Lookup, GasTypesProvider>(
                context: context,
                title: TranslationKeys.gasType,
              ),
              8.height,
              const AppTextFormField(
                labelText: TranslationKeys.quantity,
                textInputType: TextInputType.number,
              ),
              8.height,
              SingleItemDropDownMenu<Lookup, CylinderTypesProvider>(
                context: context,
                title: TranslationKeys.cylinderType,
              ),
              8.height,
              SingleItemDropDownMenu<Lookup, CylinderSizeProvider>(
                context: context,
                title: TranslationKeys.cylinderSize,
              ),
              8.height,
            ],
          ),
        ),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: AppFilledButton(
        label: TranslationKeys.submitRequest,
        maxWidth: true,
        onPressed: () {},
      ),
    );
  }
}