documents_screen.dart

Go to the documentation of this file.

import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
 
import '../../core/ui/theme/color_palette.dart';
import '../../core/ui/widgets/custom_scaffold.dart';
import 'pdf_opener.dart';
 
class DocumentsScreen extends StatefulWidget {
  const DocumentsScreen({super.key});
 
  @override
  State<DocumentsScreen> createState() => _DocumentsScreenState();
}
 
class _DocumentsScreenState extends State<DocumentsScreen>
    with SingleTickerProviderStateMixin {
  final List<DocumentItem> documents = [
    DocumentItem(
      title: 'Driver personal id',
      icon: FluentIcons.person_info_16_regular,
      color: Colors.green.shade400,
      subtitle: 'Valid until Dec 2025',
      // documentPath: "assets/mock/pdfs/id.pdf",
    ),
    DocumentItem(
      title: 'Driver license',
      icon: FluentIcons.card_ui_20_regular,
      color: Colors.teal.shade400,
      subtitle: 'Valid until Nov 2025',
      // documentPath: "assets/mock/pdfs/license.pdf",
    ),
    DocumentItem(
      title: 'Naql waybill',
      icon: FluentIcons.vehicle_car_16_regular,
      color: Colors.blue.shade400,
      subtitle: 'Expires Jan 2025',
      // documentPath: "assets/mock/pdfs/waybill.pdf",
    ),
    DocumentItem(
      title: 'Company authorization letter',
      icon: FluentIcons.text_description_16_regular,
      color: Colors.indigo.shade400,
      subtitle: 'Contract #A-12345',
    ),
    DocumentItem(
      title: 'Training certification',
      icon: FluentIcons.certificate_16_regular,
      color: Colors.indigo.shade400,
      subtitle: 'Contract #A-12345',
    ),
  ];
 
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      title: "",
      backgroundColor: ColorPalette.antiFlashWhite,
      body: SingleChildScrollView(
        child: Column(
          children: [_buildHeader(), _buildDocumentsView()],
        ),
      ),
    );
  }
 
  Widget _buildHeader() {
    return Padding(
      padding: const EdgeInsets.all(20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Text(
                    'Documents',
                    style: TextStyle(
                      fontSize: 28,
                      fontWeight: FontWeight.bold,
                      color: Colors.black,
                    ),
                  ),
                  const SizedBox(height: 8),
                  Container(
                    padding:
                        const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(20),
                    ),
                    child: const Row(
                      children: [
                        Icon(Icons.check_circle,
                            color: Colors.greenAccent, size: 16),
                        SizedBox(width: 4),
                        Text(
                          'All documents up to date',
                          style: TextStyle(color: Colors.black, fontSize: 12),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ],
          ),
        ],
      ),
    );
  }
 
  Widget _buildDocumentsView() {
    return Column(children: [
      for (int index = 0; index < documents.length; index++)
        _buildDocumentCard(documents[index]),
    ]);
  }
 
  Widget _buildDocumentCard(DocumentItem document) {
    return Container(
      margin: const EdgeInsets.only(
        bottom: 16,
        left: 20,
        right: 20,
      ),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.1),
            blurRadius: 20,
            offset: const Offset(0, 10),
          ),
        ],
      ),
      child: ClipRRect(
        borderRadius: BorderRadius.circular(20),
        child: Material(
          color: Colors.transparent,
          child: InkWell(
            onTap: () async {
              if (document.documentPath != null) {
                await PDFOpener.openPDFAsset(document.documentPath!);
              }
            },
            child: Padding(
              padding: const EdgeInsets.all(20),
              child: Row(
                children: [
                  Container(
                    padding: const EdgeInsets.all(12),
                    decoration: BoxDecoration(
                      color: document.color.withValues(alpha: 0.1),
                      borderRadius: BorderRadius.circular(16),
                    ),
                    child: Icon(document.icon, color: document.color, size: 28),
                  ),
                  const SizedBox(width: 16),
                  Expanded(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          document.title,
                          style: const TextStyle(
                            fontSize: 18,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        const SizedBox(height: 4),
                        Text(
                          document.subtitle,
                          style: TextStyle(
                            color: Colors.grey.shade600,
                            fontSize: 14,
                          ),
                        ),
                      ],
                    ),
                  ),
                  Container(
                    padding: const EdgeInsets.all(8),
                    decoration: BoxDecoration(
                      color: document.color.withValues(alpha: 0.1),
                      borderRadius: BorderRadius.circular(12),
                    ),
                    child: Icon(
                      Icons.download_rounded,
                      color: document.color,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}
 
class DocumentItem {
  final String title;
  final IconData icon;
  final Color color;
  final String subtitle;
  final String? documentPath;
 
  DocumentItem({
    required this.title,
    required this.icon,
    required this.color,
    required this.subtitle,
    this.documentPath,
  });
}