import 'package:built_collection/built_collection.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:intl/intl.dart';
import 'package:openapi/openapi.dart';

class TrackedFlightsList extends StatelessWidget {
  final BuiltList<FlightResponseEntity> trackedFlights;
  final Function(String iata, String icao, DateTime date,bool forceUpdate) onFlightTap;

  const TrackedFlightsList({
    super.key,
    required this.trackedFlights,
    required this.onFlightTap,
  });

  @override
  Widget build(BuildContext context) {
    if (trackedFlights.isEmpty) {
      return SizedBox.shrink();
    }

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.symmetric(
            horizontal: 8.0,
            vertical: 12.0,
          ),
          child: Text(
            "Recently Tracked",
            style: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.bold,
              color: Colors.grey[700],
            ),
          ),
        ),
        ListView.separated(
          separatorBuilder: (context, index) {
            return Divider(
              height: 1,
              thickness: 0.5,
              color: Colors.grey.withOpacity(0.2),
            );
          },
          itemBuilder: (context, index) {
            final flight = trackedFlights[index];
            return InkWell(
              onTap: () => onFlightTap(
                flight.flightNo,
                flight.flightNo,
                flight.date,
                true,
              ),
              child: Padding(
                padding: const EdgeInsets.symmetric(
                  vertical: 4,
                  horizontal: 4.0,
                ),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Container(
                      width: 48,
                      height: 48,
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(8),
                      ),
                      padding: EdgeInsets.all(8),
                      child: flight.airline.image != null
                          ? SvgPicture.network(
                              flight.airline.image!,
                              width: 24,
                              height: 18,
                            )
                          : CachedNetworkImage(
                              imageUrl:
                                  "https://airlabs.co/img/airline/m/${flight.airline.iata}.png",
                              fit: BoxFit.contain,
                              errorWidget: (context, url, error) {
                                return Icon(
                                  Icons.airplanemode_active,
                                  size: 24,
                                  color: Colors.grey,
                                );
                              },
                            ),
                    ),
                    SizedBox(width: 12),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Text(
                            "${flight.departure.airport.iata} → ${flight.arrival.airport.iata}",
                            style: TextStyle(
                              fontWeight: FontWeight.bold,
                              fontSize: 15,
                            ),
                          ),
                          SizedBox(height: 4),
                          Text(
                            "${flight.departure.airport.municipalityName} to ${flight.arrival.airport.municipalityName}",
                            style: TextStyle(
                              fontSize: 12,
                              color: Colors.grey[600],
                            ),
                            overflow: TextOverflow.ellipsis,
                          ),
                        ],
                      ),
                    ),
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.end,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text(
                          DateFormat('dd MMM yyyy').format(flight.date),
                          style: TextStyle(
                            fontSize: 13,
                            fontWeight: FontWeight.w600,
                          ),
                        ),
                        SizedBox(height: 4),
                        Text(
                          flight.flightAwareData != null
                              ? "${flight.flightAwareData!.identIata} • ${flight.flightAwareData!.identIcao}"
                              : flight.flightNo,
                          style: TextStyle(
                            fontSize: 12,
                            color: Colors.grey[600],
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            );
          },
          shrinkWrap: true,
          padding: EdgeInsets.zero,
          itemCount: trackedFlights.length,
          physics: NeverScrollableScrollPhysics(),
        ),
      ],
    );
  }
}