import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/components/dashed_divider.dart';
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
import 'package:enaklo_pos/core/extensions/string_ext.dart';
import 'package:enaklo_pos/data/models/response/payment_response_model.dart';
import 'package:enaklo_pos/presentation/home/pages/dashboard_page.dart';
import 'package:flutter/material.dart';

class SuccessPaymentPage extends StatelessWidget {
  final PaymentData payment;
  const SuccessPaymentPage({super.key, required this.payment});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.background,
      body: Center(
        child: Container(
          width: context.deviceWidth * 0.4,
          height: context.deviceHeight * 0.8,
          decoration: BoxDecoration(
            color: AppColors.white,
            borderRadius: const BorderRadius.all(Radius.circular(12.0)),
          ),
          child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  children: [
                    Text(
                      'Pembayaran!',
                      style: const TextStyle(
                          fontSize: 18, fontWeight: FontWeight.bold),
                    ),
                    Text('Pembayaran berhasil dilalukan',
                        style: const TextStyle(fontSize: 14)),
                  ],
                ),
              ),
              DashedDivider(
                color: AppColors.grey,
              ),
              SpaceHeight(24),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 16.0),
                child: Icon(
                  Icons.check_circle_outline,
                  size: 64,
                  color: Colors.green,
                ),
              ),
              Spacer(),
              Padding(
                padding: const EdgeInsets.all(16.0).copyWith(top: 24),
                child: Column(
                  children: [
                    // Row(
                    //   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    //   children: [
                    //     Text(
                    //       'No. Pesanan',
                    //     ),
                    //     Text(
                    //       order.orderNumber ?? "-",
                    //       style: const TextStyle(fontWeight: FontWeight.bold),
                    //     ),
                    //   ],
                    // ),
                    SpaceHeight(4),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text(
                          'Waktu',
                        ),
                        Text(
                          (payment.createdAt ?? DateTime.now())
                              .toFormattedDate3(),
                          style: const TextStyle(fontWeight: FontWeight.bold),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
              DashedDivider(
                color: AppColors.grey,
              ),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      'Status Pembayaran',
                    ),
                    Text(
                      'Lunas',
                      style: const TextStyle(
                          fontWeight: FontWeight.bold, color: Colors.green),
                    ),
                  ],
                ),
              ),
              DashedDivider(
                color: AppColors.grey,
              ),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      'Total Pembayaran',
                    ),
                    Text(
                      (payment.amount ?? 0).toString().currencyFormatRpV2,
                      style: const TextStyle(fontWeight: FontWeight.bold),
                    ),
                  ],
                ),
              ),
              DashedDivider(
                color: AppColors.grey,
              ),
              Spacer(),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: Row(
                  children: [
                    Expanded(
                      child: Button.outlined(
                        onPressed: () =>
                            context.pushReplacement(DashboardPage()),
                        label: 'Kembali',
                        height: 44,
                      ),
                    ),
                    SpaceWidth(12),
                    Expanded(
                      child: Button.filled(
                        onPressed: () {},
                        label: 'Cetak',
                        icon: Icon(
                          Icons.print,
                          color: AppColors.white,
                        ),
                        height: 44,
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}