import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';

import '../services/app_state.dart';
import '../services/cloud/cloud_storage_provider.dart';
import 'cloud_folder_browser_screen.dart';

class SettingsScreen extends StatefulWidget {
  const SettingsScreen({super.key});

  @override
  State<SettingsScreen> createState() => _SettingsScreenState();
}

class _SettingsScreenState extends State<SettingsScreen> {
  bool _busy = false;
  String? _error;

  Future<void> _connect(CloudProviderId id) async {
    setState(() {
      _busy = true;
      _error = null;
    });
    try {
      await context.read<AppState>().connectProvider(id);
    } catch (e) {
      setState(() => _error = 'Could not sign in: $e');
    } finally {
      if (mounted) setState(() => _busy = false);
    }
  }

  Future<void> _connectManual(CloudProviderId id, String providerName) async {
    final credentials = await showDialog<_WebDavCredentials>(
      context: context,
      builder: (_) => _WebDavCredentialsDialog(providerName: providerName),
    );
    if (credentials == null || !mounted) return;

    setState(() {
      _busy = true;
      _error = null;
    });
    try {
      await context.read<AppState>().connectProviderWithCredentials(
            id,
            serverUrl: credentials.serverUrl,
            username: credentials.username,
            password: credentials.password,
          );
    } catch (e) {
      setState(() => _error = 'Could not connect: $e');
    } finally {
      if (mounted) setState(() => _busy = false);
    }
  }

  Future<void> _disconnect() async {
    setState(() => _busy = true);
    try {
      await context.read<AppState>().disconnectCloud();
    } finally {
      if (mounted) setState(() => _busy = false);
    }
  }

  void _chooseFolder() {
    Navigator.of(context).push(
      MaterialPageRoute(builder: (_) => const CloudFolderBrowserScreen()),
    );
  }

  Future<void> _syncNow() async {
    setState(() => _busy = true);
    try {
      await context.read<AppState>().syncNow();
    } finally {
      if (mounted) setState(() => _busy = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    final appState = context.watch<AppState>();

    return Scaffold(
      appBar: AppBar(title: const Text('Settings')),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          Card(
            child: Padding(
              padding: const EdgeInsets.all(16),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text('Cloud Storage', style: Theme.of(context).textTheme.titleMedium),
                  const SizedBox(height: 8),
                  if (!appState.isCloudConnected) ...[
                    Text(
                      'Connect a cloud storage account to share vehicles and fuel '
                      'receipts with other people, and to keep a backup off this device.',
                      style: Theme.of(context).textTheme.bodyMedium,
                    ),
                    const SizedBox(height: 12),
                    if (_error != null) ...[
                      Text(_error!, style: TextStyle(color: Theme.of(context).colorScheme.error)),
                      const SizedBox(height: 8),
                    ],
                    Wrap(
                      spacing: 8,
                      runSpacing: 8,
                      children: [
                        for (final provider in appState.availableProviders)
                          FilledButton.icon(
                            onPressed: _busy
                                ? null
                                : () => provider is ManualCredentialCloudStorageProvider
                                    ? _connectManual(provider.id, provider.displayName)
                                    : _connect(provider.id),
                            icon: const Icon(Icons.login),
                            label: Text('Connect ${provider.displayName}'),
                          ),
                      ],
                    ),
                  ] else ...[
                    Text('${appState.activeProvider!.displayName}: ${appState.cloudAccountLabel}'),
                    const SizedBox(height: 4),
                    Text(
                      appState.cloudFolderPath == null
                          ? 'No folder selected yet.'
                          : 'Folder: ${appState.cloudFolderPath}',
                      style: Theme.of(context).textTheme.bodySmall,
                    ),
                    const SizedBox(height: 12),
                    Wrap(
                      spacing: 8,
                      runSpacing: 8,
                      children: [
                        OutlinedButton.icon(
                          onPressed: _busy ? null : _chooseFolder,
                          icon: const Icon(Icons.folder_open),
                          label: Text(appState.cloudFolderPath == null
                              ? 'Choose Folder'
                              : 'Change Folder'),
                        ),
                        OutlinedButton.icon(
                          onPressed: (_busy || appState.cloudFolderPath == null)
                              ? null
                              : _syncNow,
                          icon: appState.isSyncing
                              ? const SizedBox(
                                  height: 16,
                                  width: 16,
                                  child: CircularProgressIndicator(strokeWidth: 2))
                              : const Icon(Icons.sync),
                          label: const Text('Sync Now'),
                        ),
                        TextButton.icon(
                          onPressed: _busy ? null : _disconnect,
                          icon: const Icon(Icons.logout),
                          label: const Text('Disconnect'),
                        ),
                      ],
                    ),
                    const SizedBox(height: 8),
                    if (appState.lastSyncedAt != null)
                      Text(
                        'Last synced ${DateFormat.yMMMd().add_jm().format(appState.lastSyncedAt!)}',
                        style: Theme.of(context).textTheme.bodySmall,
                      ),
                    if (appState.lastSyncError != null)
                      Padding(
                        padding: const EdgeInsets.only(top: 4),
                        child: Text(
                          'Last sync failed: ${appState.lastSyncError}',
                          style: TextStyle(color: Theme.of(context).colorScheme.error),
                        ),
                      ),
                  ],
                ],
              ),
            ),
          ),
          const SizedBox(height: 16),
          Card(
            child: SwitchListTile(
              title: const Text('Keep photos on this phone after syncing'),
              subtitle: const Text(
                'Otherwise, a receipt photo is removed from this device once '
                "it's safely uploaded to the cloud.",
              ),
              value: appState.keepReceiptPhotosLocally,
              onChanged: (value) => context.read<AppState>().setKeepReceiptPhotosLocally(value),
            ),
          ),
          const SizedBox(height: 16),
          Card(
            child: SwitchListTile(
              title: const Text('Keep max quality images'),
              subtitle: const Text(
                'Otherwise, receipt photos are downscaled to a reasonable size '
                'before storing — smaller cloud storage and faster syncs, with '
                'no loss of legibility for a printed receipt.',
              ),
              value: appState.keepMaxQualityReceiptPhotos,
              onChanged: (value) =>
                  context.read<AppState>().setKeepMaxQualityReceiptPhotos(value),
            ),
          ),
          const SizedBox(height: 16),
          Card(
            child: ExpansionTile(
              title: const Text('Advanced'),
              childrenPadding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
              children: [
                Align(
                  alignment: Alignment.centerLeft,
                  child: Text('Stale sync lock timeout', style: Theme.of(context).textTheme.titleSmall),
                ),
                const SizedBox(height: 4),
                Text(
                  "If another device disconnects mid-sync without releasing its lock, "
                  "this is how long to wait before treating it as abandoned and clearing "
                  "it so sync can continue.",
                  style: Theme.of(context).textTheme.bodySmall,
                ),
                Slider(
                  value: appState.staleLockMinutes.toDouble(),
                  min: minStaleLockMinutes.toDouble(),
                  max: maxStaleLockMinutes.toDouble(),
                  divisions: maxStaleLockMinutes - minStaleLockMinutes,
                  label: '${appState.staleLockMinutes} min',
                  onChanged: (value) =>
                      context.read<AppState>().setStaleLockMinutes(value.round()),
                ),
                Text('${appState.staleLockMinutes} minute(s)'),
              ],
            ),
          ),
          const SizedBox(height: 16),
          Card(
            child: Padding(
              padding: const EdgeInsets.all(16),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text('Summary', style: Theme.of(context).textTheme.titleMedium),
                  const SizedBox(height: 8),
                  Text('${appState.vehicles.length} vehicle(s)'),
                  Text('${appState.fuelEntries.length} fuel entries'),
                  Text('${appState.totalGallonsAllVehicles.toStringAsFixed(3)} total gallons logged'),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}

class _WebDavCredentials {
  final String serverUrl;
  final String username;
  final String password;
  _WebDavCredentials({required this.serverUrl, required this.username, required this.password});
}

/// Collects the server URL/username/password a [ManualCredentialCloudStorageProvider]
/// needs, since (unlike the OAuth providers) there's no browser flow to
/// gather these instead.
class _WebDavCredentialsDialog extends StatefulWidget {
  final String providerName;
  const _WebDavCredentialsDialog({required this.providerName});

  @override
  State<_WebDavCredentialsDialog> createState() => _WebDavCredentialsDialogState();
}

class _WebDavCredentialsDialogState extends State<_WebDavCredentialsDialog> {
  final _formKey = GlobalKey<FormState>();
  final _serverController = TextEditingController();
  final _usernameController = TextEditingController();
  final _passwordController = TextEditingController();

  @override
  void dispose() {
    _serverController.dispose();
    _usernameController.dispose();
    _passwordController.dispose();
    super.dispose();
  }

  void _submit() {
    if (!_formKey.currentState!.validate()) return;
    Navigator.of(context).pop(_WebDavCredentials(
      serverUrl: _serverController.text.trim(),
      username: _usernameController.text.trim(),
      password: _passwordController.text,
    ));
  }

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: Text('Connect ${widget.providerName}'),
      content: Form(
        key: _formKey,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            TextFormField(
              controller: _serverController,
              decoration: const InputDecoration(
                labelText: 'Server URL',
                hintText: 'https://cloud.example.com/remote.php/dav/files/me/',
              ),
              keyboardType: TextInputType.url,
              validator: (v) => (v == null || v.trim().isEmpty) ? 'Required' : null,
            ),
            const SizedBox(height: 12),
            TextFormField(
              controller: _usernameController,
              decoration: const InputDecoration(labelText: 'Username'),
              validator: (v) => (v == null || v.trim().isEmpty) ? 'Required' : null,
            ),
            const SizedBox(height: 12),
            TextFormField(
              controller: _passwordController,
              decoration: const InputDecoration(labelText: 'Password'),
              obscureText: true,
              validator: (v) => (v == null || v.isEmpty) ? 'Required' : null,
              onFieldSubmitted: (_) => _submit(),
            ),
          ],
        ),
      ),
      actions: [
        TextButton(
          onPressed: () => Navigator.of(context).pop(),
          child: const Text('Cancel'),
        ),
        FilledButton(
          onPressed: _submit,
          child: const Text('Connect'),
        ),
      ],
    );
  }
}