import 'package:flutter/material.dart';
import 'package:satu/views/work/tabs/component/products_app_bar.dart';

import 'component/custom_field.dart';
import 'component/option_pill.dart';
import 'component/transaction_item.dart';


class JournalView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ProductsAppBar(title: 'Журнал транзакции',),
      body: Padding(
        padding: EdgeInsets.symmetric(horizontal: 24),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [

            // CustomField(
            //   hintText: "Name, Email or Mobile number",
            //   iconData: Icons.search,
            // ),

            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [

                OptionPill(
                  text: "Все",
                  selected: true,
                ),

                OptionPill(
                  text: "Приход",
                  selected: false,
                ),

                OptionPill(
                  text: "Расход",
                  selected: false,
                ),

              ],
            ),

            SizedBox(
              height: 16,
            ),

            Expanded(
              child: SingleChildScrollView(
                physics: BouncingScrollPhysics(),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [

                    SizedBox(
                      height: 16,
                    ),

                    Text(
                      "03/06/2020",
                      style: TextStyle(
                        //color: kGreyColor,
                        fontSize: 14,
                        fontWeight: FontWeight.bold,
                      ),
                    ),

                    SizedBox(
                      height: 8,
                    ),

                    TransactionItem(
                      fullName: "Чек № 52021 13:03:05",
                      status: "Частное лицо",
                      amount: "2706.00",
                      received: true,
                    ),

                    TransactionItem(
                      fullName: "Чек № 52020 13:01:05",
                      status: "ИП Иванов В.И.",
                      amount: "19000.63",
                      received: false,
                    ),

                    SizedBox(
                      height: 16,
                    ),

                    Divider(
                      //color: kPrimaryColor,
                      height: 1,
                      thickness: 1,
                    ),

                    SizedBox(
                      height: 32,
                    ),

                    Text(
                      "02/06/2020",
                      style: TextStyle(
                        //color: kGreyColor,
                        fontSize: 14,
                        fontWeight: FontWeight.bold,
                      ),
                    ),

                    SizedBox(
                      height: 8,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "114.00",
                      received: true,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "70.16",
                      received: true,
                    ),

                    SizedBox(
                      height: 16,
                    ),

                    Text(
                      "29/05/2020",
                      style: TextStyle(
                        //color: kGreyColor,
                        fontSize: 14,
                        fontWeight: FontWeight.bold,
                      ),
                    ),

                    SizedBox(
                      height: 8,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "44.50",
                      received: true,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "ТОО Рога и копыта",
                      amount: "85.50",
                      received: false,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "155.00",
                      received: true,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "23.50",
                      received: true,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "11.50",
                      received: true,
                    ),

                    TransactionItem(
                      fullName: "Чек № 5019 13:03:05",
                      status: "Частное лицо",
                      amount: "36.00",
                      received: true,
                    ),

                  ],
                ),
              ),
            ),

          ],
        ),
      ),
    );
  }
}