import 'dart:io';

import 'package:bbm_tracking/model/kendaraan_m.dart';
import 'package:bbm_tracking/model/photo_m.dart';
import 'package:bbm_tracking/model/transaksi_m.dart';
import 'package:bbm_tracking/pages/home.dart';
import 'package:bbm_tracking/pages/riwayat/component/makePdf.dart';
import 'package:bbm_tracking/pages/riwayat/component/viewImage.dart';
import 'package:bbm_tracking/repository/transaksi/transaksi_repository.dart';
import 'package:flutter/material.dart';
import 'package:bbm_tracking/resource/resource.dart';
import 'package:image_picker/image_picker.dart';
import 'package:path_provider/path_provider.dart';

import 'package:permission_handler/permission_handler.dart';

class RiwayatDetail extends StatefulWidget {
  TransaksiModel data;
  KendaraanModel kendaraan;
  RiwayatDetail({super.key, required this.data, required this.kendaraan});

  @override
  State<RiwayatDetail> createState() => _RiwayatDetailState();
}

class _RiwayatDetailState extends State<RiwayatDetail> {
  late TransaksiModel data;
  late KendaraanModel kendaraan;

  @override
  void initState() {
    super.initState();
    data = widget.data;
    kendaraan = widget.kendaraan;
  }

  Future<List<PhotoModel>> loadPhoto(param) async {
    List<PhotoModel> photo = await TransaksiRepository().getPhoto(param);
    return photo;
  }

  _showImage(path) async {
    List<PhotoModel> photo = await loadPhoto(path);
    List<String> data = [];
    photo.forEach((element) {
      data.add(element.namePhoto);
    });
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => ViewImage(imagePath: data),
      ),
    );
  }

  String reformatDate(DateTime date) {
    String data = "";
    for (int i = 0; i < bulan.length; i++) {
      if (i + 1 == date.month) {
        data += "${date.day} ${bulan[i]} ${date.year}";
      }
    }
    return data;
  }

  TextStyle style = TextStyle(
    fontFamily: 'Poppins',
    fontSize: 13,
    fontWeight: FontWeight.w400,
  );

  Future<bool> _onWillPop() async {
    Navigator.pop(context);
    return false;
  }

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () => _onWillPop(),
      child: Scaffold(
        backgroundColor: Color(0xffE3EAEA),
        body: SingleChildScrollView(
          child: Container(
            margin: EdgeInsets.only(
              top: 50,
            ),
            child: Padding(
              padding: EdgeInsets.all(10),
              child: Column(
                children: [
                  SizedBox(
                    height: 10,
                  ),
                  Container(
                    width: double.infinity,
                    margin: EdgeInsets.only(top: 10),
                    child: Text(
                      "Detail Transaksi",
                      style: TextStyle(
                        fontFamily: 'Poppins',
                        fontWeight: FontWeight.w500,
                        fontSize: 16,
                        color: Color(0xff3B3C48),
                      ),
                    ),
                  ),
                  Divider(
                    color: Color(0xFF1A0F0F3D),
                    height: 2,
                    thickness: 2,
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Container(
                    alignment: Alignment.topLeft,
                    child: Text(
                      "Transaksi Berhasil",
                      style: TextStyle(
                        fontFamily: 'Poppins',
                        fontSize: 15,
                        fontWeight: FontWeight.w500,
                        color: Color(0xFF25A35A),
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Container(
                    child: Column(
                      children: [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Flexible(
                              flex: 2,
                              child: Container(
                                child: Text(
                                  data.kodeTransaksi,
                                  style: style,
                                ),
                              ),
                            ),
                            Flexible(
                              flex: 1,
                              child: InkWell(
                                onTap: () {
                                  Navigator.of(context).push(
                                    MaterialPageRoute(
                                      builder: (context) => MakePdf(
                                          transaksi: data,
                                          kendaraan: kendaraan),
                                    ),
                                  );
                                },
                                child: Container(
                                  child: Text(
                                    "Download",
                                    style: TextStyle(
                                      fontFamily: 'Poppins',
                                      fontSize: 13,
                                      fontWeight: FontWeight.w400,
                                      color: Color(0xFF1C7A44),
                                      fontStyle: FontStyle.italic,
                                    ),
                                  ),
                                ),
                              ),
                            ),
                          ],
                        )
                      ],
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Container(
                    decoration: BoxDecoration(
                      border: Border.all(width: 1, color: Color(0xFF677D81)),
                      borderRadius: BorderRadius.all(
                        Radius.circular(5),
                      ),
                    ),
                    padding: EdgeInsets.all(5),
                    alignment: Alignment.topLeft,
                    child: Text(
                      "Tipe Kendaraan",
                      style: TextStyle(
                        fontFamily: 'Poppins',
                        fontSize: 13,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  itemDetail(kendaraan.namaKendaraan, kendaraan.nomorPlat),
                  SizedBox(
                    height: 10,
                  ),
                  Container(
                    decoration: BoxDecoration(
                      border: Border.all(width: 1, color: Color(0xFF677D81)),
                      borderRadius: BorderRadius.all(
                        Radius.circular(5),
                      ),
                    ),
                    padding: EdgeInsets.all(5),
                    alignment: Alignment.topLeft,
                    child: Text(
                      "Details",
                      style: TextStyle(
                        fontFamily: 'Poppins',
                        fontSize: 13,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                  ),
                  itemDetail("Tipe transaksi", "Pengisian Bahan Bakar"),
                  itemDetail(
                      "Data Transaksi", reformatDate(data.tanggalTransaksi)),
                  itemDetail("Waktu",
                      "${data.tanggalTransaksi.hour}:${data.tanggalTransaksi.minute} WIB"),
                  itemDetail("Jenis Bahan Bakar",
                      listBensin[int.parse(data.bensinId) - 1].text),
                  itemDetail("Total Liter", "${data.totalLiter} Liter"),
                  itemDetail("Harga/Liter",
                      "${CurrencyFormat.convertToIdr(listBensin[int.parse(data.bensinId) - 1].harga, 0)}"),
                  itemDetail("Total Pembayaran",
                      "${CurrencyFormat.convertToIdr(data.totalBayar, 0)}"),
                  itemDetail("Odometer/km", "${data.odometer} km"),
                  itemDetaill("Gambar", "Lihat Gambar", data.kodeTransaksi),
                  itemDetail("Catatan Tambahan", data.catatan),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }

  Widget itemDetaill(item, value, val) {
    return Container(
      margin: EdgeInsets.symmetric(vertical: 5),
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 8),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Flexible(
              flex: 1,
              child: Container(
                child: Text(
                  item,
                  style: style,
                ),
              ),
            ),
            Flexible(
              flex: 1,
              child: InkWell(
                onTap: () {
                  _showImage(val);
                },
                child: Container(
                  child: Text(
                    value,
                    textAlign: TextAlign.right,
                    style: TextStyle(
                      fontFamily: 'Poppins',
                      fontSize: 13,
                      fontWeight: FontWeight.w400,
                      color: Color(0xFF25A35A),
                    ),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget itemDetail(item, value) {
    return Container(
      margin: EdgeInsets.symmetric(vertical: 5),
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 8),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Flexible(
              flex: 1,
              child: Container(
                child: Text(
                  item,
                  style: style,
                ),
              ),
            ),
            Flexible(
              flex: 1,
              child: Container(
                child: Text(
                  value,
                  textAlign: TextAlign.right,
                  style: style,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}