import 'package:flutter/material.dart';
import 'package:dotted_border/dotted_border.dart';

import '25-addphotos1.dart';
import 'FontFamily.dart';
import 'colors.dart';
import 'fontsize.dart';

class addphotos extends StatefulWidget {
  const addphotos({Key? key}) : super(key: key);

  @override
  State<addphotos> createState() => _addphtosState();
}

class _addphtosState extends State<addphotos> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.only(left: 20, right: 15, top: 10),
          child: Column(
            children: [
              Row(
                children: [
                  InkWell(
                    onTap: () {
                      Navigator.pop(context);
                    },
                    child: Icon(
                      Icons.arrow_back,
                      color: DarkGray,
                      size: 24,
                    ),
                  ),
                  SizedBox(width: 20),
                  Text(
                    'Services',
                    style: TextStyle(
                      fontFamily: Font,
                      fontStyle: FontStyle.normal,
                      fontWeight: FontWeight.w500,
                      fontSize: HeadText,
                      color: DarkGray,
                    ),
                  ),
                  Spacer(),
                  InkWell(
                    onTap: () {},
                    child: Icon(
                      Icons.add,
                      color: DarkGray,
                      size: 24,
                    ),
                  ),
                ],
              ),
              Spacer(),
              Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  InkWell(
                    onTap: () {
                      Navigator.push(context,
                          MaterialPageRoute(builder: (_) => addphotos1()));
                    },
                    child: DottedBorder(
                      dashPattern: [5, 5, 5, 5],
                      color: primaryColor,
                      padding: EdgeInsets.all(5),
                      radius: Radius.circular(6),
                      child: Container(
                        height: 100,
                        width: 330,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Image(
                              image:
                                  AssetImage('assets/images/gallery-icon.png'),
                              color: primaryColor,
                              width: 30,
                              height: 30,
                            ),
                            SizedBox(width: 10),
                            Text(
                              'Upload Photos',
                              style: TextStyle(
                                fontFamily: Font,
                                fontStyle: FontStyle.normal,
                                fontWeight: FontWeight.w400,
                                fontSize: HeadText,
                                color: primaryColor,
                              ),
                            )
                          ],
                        ),
                      ),
                    ),
                  ),
                ],
              ),
              Spacer(),
              Padding(
                padding: const EdgeInsets.only(bottom: 24),
                child: Row(
                  children: [
                    Expanded(
                      child: MaterialButton(
                        height: 50,
                        minWidth: double.infinity,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(4)),
                        onPressed: () {
                          Navigator.pop(context);
                        },
                        child: Text(
                          "Cancel",
                          style: TextStyle(
                            color: Gray,
                            fontFamily: Font,
                          ),
                        ),
                      ),
                    ),
                    Expanded(
                      child: MaterialButton(
                        height: 50,
                        minWidth: double.infinity,
                        color: primaryColor,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(4)),
                        onPressed: () {
                          Navigator.push(context,
                              MaterialPageRoute(builder: (_) => addphotos1()));
                        },
                        child: Text(
                          'Save',
                          style: TextStyle(
                            color: White,
                            fontSize: HeadText,
                            fontFamily: Font,
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}