import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:pf_resizer/screens/home/home_view_model.dart';

class HomeView extends HomeViewModel {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: _buildBody(context),
    );
  }

  Widget _buildBody(BuildContext context) {
    return pageLoading
        ? const Center(
            child: CupertinoActivityIndicator(),
          )
        : Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container(
                color: Colors.black26,
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Row(
                        children: [
                          Padding(
                            padding: EdgeInsets.only(left: 8.0, top: 1),
                            child: Row(
                              children: [
                                const Text('Etkinlik: '),
                                Container(
                                  width: 100,
                                  child: ElevatedButton(
                                      onPressed: () {}, child: Text("Sec")),
                                )
                              ],
                            ),
                          )
                        ],
                      ),
                      CupertinoButton(
                        onPressed: pickFolderOnTap,
                        child: const Icon(Icons.folder_open),
                      ),
                    ],
                  ),
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(
                      'Fotoğraflar',
                      style: Theme.of(context).textTheme.headline4,
                    ),
                  ),
                  // Padding(
                  //   padding: const EdgeInsets.only(top: 30, right: 10),
                  //   child: Text(
                  //     '10 adet',
                  //     style: TextStyle(color: Colors.grey.shade600),
                  //   ),
                  // ),
                ],
              ),
              const Divider(),
              images.isEmpty
                  ? Center(
                      child: Padding(
                        padding: EdgeInsets.only(
                            top: MediaQuery.of(context).size.height * 0.3),
                        child: Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: Text(
                            'Select the directory of photos to continiue.',
                            style: Theme.of(context).textTheme.subtitle1,
                          ),
                        ),
                      ),
                    )
                  : photosBody(),
            ],
          );
  }

  ElevatedButton selectEventButton() {
    return ElevatedButton(
      onPressed: () {},
      style: ButtonStyle(
        elevation: MaterialStateProperty.resolveWith<double>(
          (Set<MaterialState> states) {
            return 0;
          },
        ),
      ),
      child: const Text(
        "Select",
        style: TextStyle(fontSize: 10),
      ),
    );
  }

  Expanded photosBody() {
    return Expanded(
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: GridView.builder(
          gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
            maxCrossAxisExtent: 140,
            mainAxisSpacing: 15,
            crossAxisSpacing: 15,
          ),
          itemCount: images.length,
          itemBuilder: (BuildContext context, int index) {
            return images[index];
          },
        ),
      ),
    );
  }
}