import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';

class CartPage extends StatefulWidget {
  final int tableId;
  final int personne;
  final List<dynamic> cartItems;

  const CartPage({
    Key? key,
    required this.tableId,
    required this.personne,
    required this.cartItems,
  }) : super(key: key);

  @override
  State<CartPage> createState() => _CartPageState();
}

class _CartPageState extends State<CartPage> {
  List<CartItemModel> _cartItems = [];
  bool _isValidating = false;

  @override
  void initState() {
    super.initState();
    _processCartItems();
  }

  void _processCartItems() {
    // Grouper les articles identiques
    Map<String, CartItemModel> groupedItems = {};

    for (var item in widget.cartItems) {
      String key = "${item['id']}_${item['notes'] ?? ''}";

      if (groupedItems.containsKey(key)) {
        groupedItems[key]!.quantity++;
      } else {
        groupedItems[key] = CartItemModel(
          id: item['id'],
          nom: item['nom'] ?? 'Article',
          prix: _parsePrice(item['prix']),
          quantity: 1,
          notes: item['notes'] ?? '',
        );
      }
    }

    setState(() {
      _cartItems = groupedItems.values.toList();
    });
  }

  double _parsePrice(dynamic prix) {
    if (prix == null) return 0.0;
    if (prix is num) return prix.toDouble();
    if (prix is String) return double.tryParse(prix) ?? 0.0;
    return 0.0;
  }

  void _updateQuantity(int index, int newQuantity) {
    setState(() {
      if (newQuantity > 0) {
        _cartItems[index].quantity = newQuantity;
      } else {
        _cartItems.removeAt(index);
      }
    });
  }

  void _removeItem(int index) {
    setState(() {
      _cartItems.removeAt(index);
    });
  }

  double _calculateTotal() {
    return _cartItems.fold(
      0.0,
      (sum, item) => sum + (item.prix * item.quantity),
    );
  }

  int _getTotalArticles() {
    return _cartItems.fold(0, (sum, item) => sum + item.quantity);
  }

  void _showConfirmationDialog() {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text(
            'Confirmer la commande',
            style: TextStyle(fontWeight: FontWeight.bold),
          ),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text('Êtes-vous sûr de vouloir valider cette commande ?'),
              SizedBox(height: 16),
              Text(
                'Récapitulatif:',
                style: TextStyle(fontWeight: FontWeight.bold),
              ),
              Text('• Table: ${widget.tableId}'),
              Text('• Personnes: ${widget.personne}'),
              Text('• Articles: ${_getTotalArticles()}'),
              Text('• Total: ${_calculateTotal().toStringAsFixed(2)} MGA'),
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(context).pop(),
              child: Text('Annuler', style: TextStyle(color: Colors.grey[600])),
            ),
            ElevatedButton(
              onPressed:
                  _isValidating
                      ? null
                      : () {
                        Navigator.of(context).pop();
                        _validateOrder();
                      },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.green[700],
                foregroundColor: Colors.white,
              ),
              child:
                  _isValidating
                      ? SizedBox(
                        width: 16,
                        height: 16,
                        child: CircularProgressIndicator(
                          strokeWidth: 2,
                          valueColor: AlwaysStoppedAnimation<Color>(
                            Colors.white,
                          ),
                        ),
                      )
                      : Text('Valider'),
            ),
          ],
        );
      },
    );
  }

  Future<void> _validateOrder() async {
    setState(() {
      _isValidating = true;
    });

    try {
      // Préparer les données de la commande
      final orderData = {
        "client_id": 1, // Valeur par défaut comme demandé
        "table_id": widget.tableId,
        "reservation_id": 1, // Peut être null si pas de réservation
        "serveur": "Serveur par défaut", // Valeur par défaut comme demandé
        "commentaires": _getOrderComments(),
        "items":
            _cartItems
                .map(
                  (item) => {
                    "menu_id": item.id,
                    "quantite": item.quantity,
                    "commentaires": item.notes.isNotEmpty ? item.notes : null,
                  },
                )
                .toList(),
      };

      // Appel API pour créer la commande
      final response = await http.post(
        Uri.parse(
          'https://restaurant.careeracademy.mg/api/commandes',
        ), // Remplacez par votre URL d'API
        headers: {'Content-Type': 'application/json'},
        body: json.encode(orderData),
      );
      print('response body: ${response.body}');

      if (response.statusCode == 200 || response.statusCode == 201) {
        // Succès
        _showSuccessDialog();
      } else {
        // Erreur
        _showErrorDialog(
          'Erreur lors de l\'enregistrement de la commande (${response.statusCode})',
        );
      }
    } catch (e) {
      _showErrorDialog('Erreur de connexion: $e');
    } finally {
      setState(() {
        _isValidating = false;
      });
    }
  }

  String _getOrderComments() {
    // Concaténer toutes les notes des articles pour les commentaires généraux
    List<String> allNotes =
        _cartItems
            .where((item) => item.notes.isNotEmpty)
            .map((item) => '${item.nom}: ${item.notes}')
            .toList();

    return allNotes.join('; ');
  }

  void _showSuccessDialog() {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Row(
            children: [
              Icon(Icons.check_circle, color: Colors.green[700]),
              SizedBox(width: 8),
              Text('Commande validée'),
            ],
          ),
          content: Text(
            'Votre commande a été envoyée en cuisine avec succès !',
          ),
          actions: [
            ElevatedButton(
              onPressed: () {
                Navigator.of(context).pop(); // Fermer le dialog
                Navigator.of(context).pop(); // Retourner au menu
                Navigator.of(context).pop(); // Retourner aux tables
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.green[700],
                foregroundColor: Colors.white,
              ),
              child: Text('OK'),
            ),
          ],
        );
      },
    );
  }

  void _showErrorDialog(String message) {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Row(
            children: [
              Icon(Icons.error, color: Colors.red),
              SizedBox(width: 8),
              Text('Erreur'),
            ],
          ),
          content: Text(message),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(context).pop(),
              child: Text('OK'),
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[50],
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        leading: IconButton(
          onPressed: () => Navigator.pop(context),
          icon: Icon(Icons.arrow_back, color: Colors.black),
        ),
        title: Text(
          'Panier',
          style: TextStyle(
            color: Colors.black,
            fontSize: 24,
            fontWeight: FontWeight.bold,
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: Text(
              'Retour au menu',
              style: TextStyle(color: Colors.black, fontSize: 16),
            ),
          ),
          SizedBox(width: 16),
        ],
      ),
      body:
          _cartItems.isEmpty
              ? Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(
                      Icons.shopping_cart_outlined,
                      size: 80,
                      color: Colors.grey[400],
                    ),
                    SizedBox(height: 16),
                    Text(
                      'Votre panier est vide',
                      style: TextStyle(fontSize: 18, color: Colors.grey[600]),
                    ),
                  ],
                ),
              )
              : Column(
                children: [
                  // Header avec infos table
                  Container(
                    width: double.infinity,
                    padding: EdgeInsets.all(20),
                    color: Colors.white,
                    child: Text(
                      'Table ${widget.tableId} • ${widget.personne} personne${widget.personne > 1 ? 's' : ''}',
                      style: TextStyle(fontSize: 16, color: Colors.grey[600]),
                    ),
                  ),

                  // Liste des articles
                  Expanded(
                    child: ListView.separated(
                      padding: EdgeInsets.all(16),
                      itemCount: _cartItems.length,
                      separatorBuilder:
                          (context, index) => SizedBox(height: 12),
                      itemBuilder: (context, index) {
                        final item = _cartItems[index];
                        return Container(
                          padding: EdgeInsets.all(16),
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(12),
                            boxShadow: [
                              BoxShadow(
                                color: Colors.black.withOpacity(0.05),
                                blurRadius: 5,
                                offset: Offset(0, 2),
                              ),
                            ],
                          ),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Expanded(
                                    child: Text(
                                      item.nom,
                                      style: TextStyle(
                                        fontSize: 18,
                                        fontWeight: FontWeight.bold,
                                      ),
                                    ),
                                  ),
                                  IconButton(
                                    onPressed: () => _removeItem(index),
                                    icon: Icon(
                                      Icons.delete_outline,
                                      color: Colors.red,
                                    ),
                                    constraints: BoxConstraints(),
                                    padding: EdgeInsets.zero,
                                  ),
                                ],
                              ),
                              Text(
                                '${item.prix.toStringAsFixed(2)} MGA l\'unité',
                                style: TextStyle(
                                  fontSize: 14,
                                  color: Colors.grey[600],
                                ),
                              ),
                              if (item.notes.isNotEmpty) ...[
                                SizedBox(height: 8),
                                Text(
                                  'Notes: ${item.notes}',
                                  style: TextStyle(
                                    fontSize: 14,
                                    color: Colors.grey[600],
                                    fontStyle: FontStyle.italic,
                                  ),
                                ),
                              ],
                              SizedBox(height: 16),
                              Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  // Contrôles de quantité
                                  Row(
                                    children: [
                                      IconButton(
                                        onPressed:
                                            () => _updateQuantity(
                                              index,
                                              item.quantity - 1,
                                            ),
                                        icon: Icon(Icons.remove),
                                        style: IconButton.styleFrom(
                                          backgroundColor: Colors.grey[200],
                                          minimumSize: Size(40, 40),
                                        ),
                                      ),
                                      SizedBox(width: 16),
                                      Text(
                                        item.quantity.toString(),
                                        style: TextStyle(
                                          fontSize: 18,
                                          fontWeight: FontWeight.bold,
                                        ),
                                      ),
                                      SizedBox(width: 16),
                                      IconButton(
                                        onPressed:
                                            () => _updateQuantity(
                                              index,
                                              item.quantity + 1,
                                            ),
                                        icon: Icon(Icons.add),
                                        style: IconButton.styleFrom(
                                          backgroundColor: Colors.grey[200],
                                          minimumSize: Size(40, 40),
                                        ),
                                      ),
                                    ],
                                  ),
                                  // Prix total de l'article
                                  Text(
                                    '${(item.prix * item.quantity).toStringAsFixed(2)} MGA',
                                    style: TextStyle(
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                      color: Colors.green[700],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        );
                      },
                    ),
                  ),

                  // Récapitulatif
                  Container(
                    padding: EdgeInsets.all(20),
                    decoration: BoxDecoration(
                      color: Colors.white,
                      border: Border(top: BorderSide(color: Colors.grey[200]!)),
                    ),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          'Récapitulatif',
                          style: TextStyle(
                            fontSize: 20,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        SizedBox(height: 16),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Articles:', style: TextStyle(fontSize: 16)),
                            Text(
                              _getTotalArticles().toString(),
                              style: TextStyle(fontSize: 16),
                            ),
                          ],
                        ),
                        SizedBox(height: 8),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Table:', style: TextStyle(fontSize: 16)),
                            Text(
                              widget.tableId.toString(),
                              style: TextStyle(fontSize: 16),
                            ),
                          ],
                        ),
                        SizedBox(height: 8),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Personnes:', style: TextStyle(fontSize: 16)),
                            Text(
                              widget.personne.toString(),
                              style: TextStyle(fontSize: 16),
                            ),
                          ],
                        ),
                        SizedBox(height: 16),
                        Divider(),
                        SizedBox(height: 8),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              'Total:',
                              style: TextStyle(
                                fontSize: 18,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                            Text(
                              '${_calculateTotal().toStringAsFixed(2)} MGA',
                              style: TextStyle(
                                fontSize: 18,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ],
                        ),
                        SizedBox(height: 20),
                        SizedBox(
                          width: double.infinity,
                          child: ElevatedButton(
                            onPressed:
                                _cartItems.isNotEmpty && !_isValidating
                                    ? _showConfirmationDialog
                                    : null,
                            style: ElevatedButton.styleFrom(
                              backgroundColor: Colors.green[700],
                              foregroundColor: Colors.white,
                              padding: EdgeInsets.symmetric(vertical: 16),
                              shape: RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(12),
                              ),
                              disabledBackgroundColor: Colors.grey[300],
                            ),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: [
                                if (_isValidating) ...[
                                  SizedBox(
                                    width: 20,
                                    height: 20,
                                    child: CircularProgressIndicator(
                                      strokeWidth: 2,
                                      valueColor: AlwaysStoppedAnimation<Color>(
                                        Colors.white,
                                      ),
                                    ),
                                  ),
                                  SizedBox(width: 8),
                                  Text(
                                    'Validation en cours...',
                                    style: TextStyle(
                                      fontSize: 16,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ] else ...[
                                  Icon(Icons.check, size: 20),
                                  SizedBox(width: 8),
                                  Text(
                                    'Valider la commande',
                                    style: TextStyle(
                                      fontSize: 16,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
    );
  }
}

class CartItemModel {
  final int id;
  final String nom;
  final double prix;
  int quantity;
  final String notes;

  CartItemModel({
    required this.id,
    required this.nom,
    required this.prix,
    required this.quantity,
    required this.notes,
  });
}