import 'package:fbla_ui/api_logic.dart';
import 'package:fbla_ui/main.dart';
import 'package:fbla_ui/pages/create_edit_listing.dart';
import 'package:fbla_ui/pages/signin_page.dart';
import 'package:fbla_ui/shared.dart';
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

class JobListingDetail extends StatefulWidget {
  final JobListing listing;
  final Business fromBusiness;

  const JobListingDetail(
      {super.key, required this.listing, required this.fromBusiness});

  @override
  State<JobListingDetail> createState() => _CreateBusinessDetailState();
}

class _CreateBusinessDetailState extends State<JobListingDetail> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.listing.name),
        actions: _getActions(widget.listing, widget.fromBusiness),
      ),
      body: _detailBody(widget.listing),
    );
  }

  ListView _detailBody(JobListing listing) {
    return ListView(
      children: [
        // Title, logo, desc, website
        Padding(
          padding: const EdgeInsets.only(top: 4.0),
          child: Card(
            clipBehavior: Clip.antiAlias,
            child: Column(
              children: [
                ListTile(
                  title: Text(listing.name,
                      textAlign: TextAlign.left,
                      style: const TextStyle(
                          fontSize: 24, fontWeight: FontWeight.bold)),
                  subtitle: Text(
                    listing.description,
                    textAlign: TextAlign.left,
                  ),
                  leading: ClipRRect(
                    borderRadius: BorderRadius.circular(6.0),
                    child: Image.network(
                        '$apiAddress/logos/${listing.businessId}',
                        width: 48,
                        height: 48, errorBuilder: (BuildContext context,
                            Object exception, StackTrace? stackTrace) {
                      return getIconFromJobType(listing.type, 48,
                          Theme.of(context).colorScheme.onSurface);
                    }),
                  ),
                ),
                Visibility(
                  visible: listing.link != null && listing.link != '',
                  child: ListTile(
                    leading: const Icon(Icons.link),
                    title: const Text('More Information'),
                    subtitle: Text(
                        listing.link!
                            .replaceAll('https://', '')
                            .replaceAll('http://', '')
                            .replaceAll('www.', ''),
                        style: const TextStyle(color: Colors.blue)),
                    onTap: () {
                      launchUrl(Uri.parse(listing.link!));
                    },
                  ),
                ),
              ],
            ),
          ),
        ),
        // Wage
        Visibility(
          visible: listing.wage != null && listing.wage != '',
          child: Card(
            child: ListTile(
              leading: const Icon(Icons.attach_money),
              subtitle: Text(listing.wage!),
              title: const Text('Wage Information'),
            ),
          ),
        ),
        Card(
          clipBehavior: Clip.antiAlias,
          child: Column(
            children: [
              Row(
                children: [
                  Padding(
                    padding: const EdgeInsets.only(left: 16.0, top: 8.0),
                    child: Text(
                      widget.fromBusiness.contactName!,
                      textAlign: TextAlign.left,
                      style: const TextStyle(
                          fontSize: 20, fontWeight: FontWeight.bold),
                    ),
                  ),
                ],
              ),
              Visibility(
                visible: widget.fromBusiness.contactPhone != null,
                child: ListTile(
                  leading: const Icon(Icons.phone),
                  title: Text(widget.fromBusiness.contactPhone!),
                  // maybe replace ! with ?? ''. same is true for below
                  onTap: () {
                    showDialog(
                        context: context,
                        builder: (BuildContext context) {
                          return AlertDialog(
                            backgroundColor:
                                Theme.of(context).colorScheme.surface,
                            title: Text(
                                'Contact ${widget.fromBusiness.contactName}'),
                            content: Text(
                                'Would you like to call or text ${widget.fromBusiness.contactName}?'),
                            actions: [
                              TextButton(
                                  child: const Text('Text'),
                                  onPressed: () {
                                    launchUrl(Uri.parse(
                                        'sms:${widget.fromBusiness.contactPhone}'));
                                    Navigator.of(context).pop();
                                  }),
                              TextButton(
                                  child: const Text('Call'),
                                  onPressed: () async {
                                    launchUrl(Uri.parse(
                                        'tel:${widget.fromBusiness.contactPhone}'));
                                    Navigator.of(context).pop();
                                  }),
                            ],
                          );
                        });
                  },
                ),
              ),
              ListTile(
                leading: const Icon(Icons.email),
                title: Text(widget.fromBusiness.contactEmail),
                onTap: () {
                  launchUrl(
                      Uri.parse('mailto:${widget.fromBusiness.contactEmail}'));
                },
              ),
            ],
          ),
        ),
      ],
    );
  }

  List<Widget>? _getActions(JobListing listing, Business fromBusiness) {
    if (loggedIn) {
      return [
        IconButton(
          icon: const Icon(Icons.edit),
          onPressed: () {
            Navigator.of(context).push(MaterialPageRoute(
                builder: (context) => CreateEditJobListing(
                      inputJobListing: listing,
                      inputBusiness: fromBusiness,
                    )));
          },
        ),
        IconButton(
          icon: const Icon(Icons.delete),
          onPressed: () {
            showDialog(
                context: context,
                builder: (BuildContext context) {
                  return AlertDialog(
                    backgroundColor: Theme.of(context).colorScheme.surface,
                    title: const Text('Are You Sure?'),
                    content:
                        Text('This will permanently delete ${listing.name}.'),
                    actions: [
                      TextButton(
                          child: const Text('Cancel'),
                          onPressed: () {
                            Navigator.of(context).pop();
                          }),
                      TextButton(
                          child: const Text('Yes'),
                          onPressed: () async {
                            String? deleteResult =
                                await deleteListing(listing.id!);
                            if (deleteResult != null) {
                              ScaffoldMessenger.of(context).showSnackBar(
                                  SnackBar(
                                      width: 300,
                                      behavior: SnackBarBehavior.floating,
                                      content: Text(deleteResult)));
                            } else {
                              Navigator.pushReplacement(
                                  context,
                                  MaterialPageRoute(
                                      builder: (context) => const MainApp()));
                            }
                          }),
                    ],
                  );
                });
          },
        ),
      ];
    }
    return null;
  }
}