import 'package:fikoyt_merkez/core/widgets/fiko_ui/fiko_button/fiko_button.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; class AktifKart extends StatelessWidget { const AktifKart({super.key}); @override Widget build(BuildContext context) { return Container( decoration: const BoxDecoration( color: Colors.white, borderRadius: BorderRadius.all( Radius.circular(5), ), boxShadow: [ BoxShadow( color: Colors.black12, offset: Offset(0, 0), spreadRadius: 1, blurRadius: 0.0, blurStyle: BlurStyle.outer), ]), child: Column( children: [ Row( children: [ // const Text( // "📅", // style: TextStyle(fontSize: 16), // ), SizedBox( width: 33, child: MaterialButton( elevation: 0, minWidth: 0, shape: const CircleBorder( // borderRadius: BorderRadius.all(Radius.circular(5)), side: BorderSide.none, ), padding: const EdgeInsets.all(0), child: const Text("📅"), // color: Colors.white, onPressed: () { // if (kDebugMode) { // Scaffold.of(context).openEndDrawer(); print('clicked'); // } }, ), ), const Expanded( child: Text( "Bu Ay", textAlign: TextAlign.center, style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14, ), ), ), SizedBox( width: 33, child: MaterialButton( elevation: 0, minWidth: 0, shape: const CircleBorder( // borderRadius: BorderRadius.all(Radius.circular(5)), side: BorderSide.none, ), padding: const EdgeInsets.all(0), child: const Text("♻️"), // color: Colors.white, onPressed: () { // if (kDebugMode) { // Scaffold.of(context).openEndDrawer(); print('clicked'); // } }, ), ), ], ), const Divider( height: 2, ), Padding( padding: const EdgeInsets.all(5), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, fontWeight: FontWeight.bold), ), child: const Text('Çalışma Günü'), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, fontWeight: FontWeight.bold), ), child: const Text('Dinlenme Günü'), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, fontWeight: FontWeight.bold), ), child: const Text('Hafta Tatili'), ), ), ], ), ), /** NOT: Orta Bölüm */ Padding( padding: const EdgeInsets.all(5), child: Row( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ /** NOT: Sol Göstergeler */ Column( children: [ Icon( Icons.auto_awesome, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.pan_tool, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.nfc, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.wifi, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.gps_fixed, color: Colors.grey.shade300, size: 16, ), ], ), /** NOT: Orta Veri Girişleri */ Expanded( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0), child: Column( children: [ Row( children: [ Expanded( child: Column( children: [ Text( "Giriş", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), Expanded( child: Column( children: [ Text( "Mola", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), Expanded( child: Column( children: [ Text( "Çıkış", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: FikoButton1( text: "Seçiniz", onPressed: () {}, )), Expanded( child: FikoButton1( text: "Seçiniz", onPressed: () {}, )), Expanded( child: FikoButton1( text: "Seçiniz", onPressed: () {}, )), ], ), Row( children: [ Expanded( child: Column( children: [ Text( "F.Mesai Oranı", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), Expanded( child: Column( children: [ Text( "Çalışma Süresi", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: FikoButton1( text: "x2.000", onPressed: () {}, ), ), Expanded( child: FikoButton1( text: "9s", onPressed: () {}, ), ), ], ), Row( children: [ Expanded( child: Column( children: [ Text( "Normal Mesai", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), Expanded( child: Column( children: [ Text( "Fazla Mesai", style: TextStyle( color: Colors.blue.shade500, fontWeight: FontWeight.bold), ), ], ), ), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: FikoButton1( text: "❌ Yok", onPressed: () {}, ), ), Expanded( child: FikoButton1( text: "❌ Yok", onPressed: () {}, ), ), ], ), const SizedBox( height: 5, ), Row( children: [ Expanded( child: Container( alignment: Alignment.center, decoration: BoxDecoration( color: Colors.blue.shade400, ), child: const Text( "B. Maaş", style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold), ), ), ), Expanded( child: Container( alignment: Alignment.center, decoration: BoxDecoration( color: Colors.blue.shade400, ), child: const Text( "B. İkramiye", style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold), ), ), ), Expanded( child: Container( alignment: Alignment.center, decoration: BoxDecoration( color: Colors.blue.shade400, ), child: const Text( "B. Fazla Mesai", style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold), ), ), ), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, fontWeight: FontWeight.bold), ), child: const Text('0.00 TL'), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, fontWeight: FontWeight.bold), ), child: const Text('0.00 TL'), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, fontWeight: FontWeight.bold), ), child: const Text('0.00 TL'), ), ), ], ), Container( alignment: Alignment.centerLeft, padding: const EdgeInsets.all(3), margin: const EdgeInsets.symmetric(vertical: 5), decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade300), color: Colors.grey.shade100, ), child: Row( children: [ const Expanded( child: Text("Kümülatif Matrahınız 0.00 TL'dir", style: TextStyle(fontSize: 10)), ), TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(14), // backgroundColor: Colors.grey.shade200, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), textStyle: const TextStyle( fontSize: 10, ), ), child: const Text("(%30.759) 🪙"), ), ], ), ), Row( children: [ TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(16), backgroundColor: Colors.blue.shade400, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.horizontal( left: Radius.circular(50), right: Radius.circular(50), ), ), textStyle: const TextStyle( fontSize: 10, color: Colors.white, ), ), child: const Padding( padding: EdgeInsets.symmetric(horizontal: 10), child: Text( "Giriş Yap", style: TextStyle( color: Colors.white, ), ), ), ), const Spacer(), TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(16), backgroundColor: Colors.red.shade400, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.horizontal( left: Radius.circular(50), right: Radius.circular(50), ), ), textStyle: const TextStyle( fontSize: 10, color: Colors.white, ), ), child: const Padding( padding: EdgeInsets.symmetric(horizontal: 10), child: Text( "🗑️ Kartı Sil", style: TextStyle( color: Colors.white, ), ), ), ), TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(16), backgroundColor: Colors.red.shade400, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.horizontal( left: Radius.circular(50), right: Radius.circular(50), ), ), textStyle: const TextStyle( fontSize: 10, color: Colors.white, ), ), child: const Padding( padding: EdgeInsets.symmetric(horizontal: 10), child: Text( "Çıkış Yap", style: TextStyle( color: Colors.white, ), ), ), ), TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(16), backgroundColor: Colors.green.shade400, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.horizontal( left: Radius.circular(50), right: Radius.circular(50), ), ), textStyle: const TextStyle( fontSize: 10, color: Colors.white, ), ), child: const Padding( padding: EdgeInsets.symmetric(horizontal: 10), child: Text( "💾 Kaydet", style: TextStyle( color: Colors.white, ), ), ), ), ], ), ], ), ), ), /** NOT: Sağ Göstergeler */ Column( children: [ Icon( Icons.auto_awesome, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.pan_tool, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.nfc, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.wifi, color: Colors.grey.shade300, size: 16, ), const SizedBox( height: 10, ), Icon( Icons.gps_fixed, color: Colors.grey.shade300, size: 16, ), ], ), ], ), ), Padding( padding: const EdgeInsets.all(5), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.bus_alert, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.flag, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.heart_broken, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.hotel, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.pool, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.local_gas_station, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.fastfood, size: 16, ), ), ), Expanded( child: TextButton( onPressed: () {}, style: TextButton.styleFrom( alignment: Alignment.center, fixedSize: const Size.fromHeight(20), backgroundColor: Colors.grey.shade50, shape: const BeveledRectangleBorder( borderRadius: BorderRadius.zero), ), child: const Icon( Icons.chat_bubble, size: 16, ), ), ), ], ), ), ], ), ); } }