import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:logging/logging.dart';
import 'package:relatica/globals.dart';
import 'package:result_monad/result_monad.dart';

import '../../models/exec_error.dart';
import '../../models/gallery_data.dart';
import '../../models/media_attachment_uploads/new_entry_media_items.dart';
import '../../riverpod_controllers/account_services.dart';
import '../../riverpod_controllers/gallery_services.dart';
import '../../utils/media_upload_attachment_helper.dart';
import '../../utils/snackbar_builder.dart';
import '../async_value_widget.dart';
import '../error_message_widget.dart';
import '../padding.dart';
import 'media_upload_editor_control.dart';

final _logger = Logger('$MediaUploadsControl');

class MediaUploadsControl extends ConsumerStatefulWidget {
  final NewEntryMediaItems entryMediaItems;

  const MediaUploadsControl({super.key, required this.entryMediaItems});

  @override
  ConsumerState<MediaUploadsControl> createState() =>
      _MediaUploadsControlState();
}

class _MediaUploadsControlState extends ConsumerState<MediaUploadsControl> {
  var useGalleryName = false;
  final controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    _logger.finest('Building');
    final profile = ref.watch(activeProfileProvider);
    return AsyncValueWidget(ref.watch(galleryListProvider(profile)),
        valueBuilder: (context, ref, galleriesResult) {
      return galleriesResult.fold(
          onSuccess: (galleries) {
            return Column(
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      'New Images',
                      style: Theme.of(context).textTheme.titleLarge,
                    ),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: [
                        if (platformHasCamera)
                          IconButton(
                            onPressed: () async {
                              await MediaUploadAttachmentHelper
                                      .getNewImagesFromCamera()
                                  .match(
                                      onSuccess: (newEntries) => setState(() =>
                                          widget.entryMediaItems.attachments
                                              .addAll(newEntries)),
                                      onError: (error) {
                                        buildSnackbar(context,
                                            'Error selecting attachments: $error');
                                        logError(error, _logger);
                                      });
                            },
                            icon: const Icon(Icons.camera_alt),
                          ),
                        IconButton(
                          onPressed: () async {
                            await MediaUploadAttachmentHelper
                                    .getImagesFromGallery()
                                .match(
                                    onSuccess: (newEntries) => setState(() =>
                                        widget.entryMediaItems.attachments
                                            .addAll(newEntries)),
                                    onError: (error) {
                                      if (mounted) {
                                        buildSnackbar(context,
                                            'Error selecting attachments: $error');
                                      }
                                    });
                          },
                          icon: const Icon(Icons.add_to_photos),
                        ),
                      ],
                    )
                  ],
                ),
                if (widget.entryMediaItems.attachments.isNotEmpty)
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Checkbox(
                          value: useGalleryName,
                          onChanged: (value) => setState(() {
                                useGalleryName = value ?? false;
                                controller.text = '';
                                widget.entryMediaItems.albumName = '';
                              })),
                      const Text('Use Gallery:'),
                      const HorizontalPadding(
                        width: 3,
                      ),
                      if (useGalleryName) ...[
                        Expanded(
                          child: TextField(
                            controller: controller,
                            textCapitalization: TextCapitalization.sentences,
                            onChanged: (value) {
                              widget.entryMediaItems.albumName = value;
                            },
                            decoration: InputDecoration(
                              hintText: 'Type New or Select',
                              alignLabelWithHint: true,
                              border: OutlineInputBorder(
                                borderSide: BorderSide(
                                  color: Theme.of(context).colorScheme.surface,
                                ),
                                borderRadius: BorderRadius.circular(5.0),
                              ),
                            ),
                          ),
                        ),
                        PopupMenuButton<GalleryData>(
                          onSelected: (gallery) {
                            setState(() {
                              controller.text = gallery.name;
                              widget.entryMediaItems.albumName = gallery.name;
                            });
                          },
                          itemBuilder: (context) => galleries
                              .map((g) =>
                                  PopupMenuItem(value: g, child: Text(g.name)))
                              .toList(),
                        )
                      ],
                      const HorizontalPadding(
                        width: 2,
                      ),
                    ],
                  ),
                ...widget.entryMediaItems.attachments.map(
                  (m) => MediaUploadEditorControl(
                    media: m,
                    onDelete: () {
                      widget.entryMediaItems.attachments.remove(m);
                      setState(() {});
                    },
                  ),
                ),
              ],
            );
          },
          onError: (error) =>
              ErrorMessageWidget(message: 'Error getting galleries: $error'));
    });
  }
}