import 'package:flutter/material.dart';
import 'package:rasadyar_core/core.dart';

import 'logic.dart';

class RootPage extends GetView<RootLogic> {
  const RootPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          ObxValue(
            (currentIndex) => IndexedStack(
              index: currentIndex.value,
              children: controller.pages,
            ),
            controller.currentIndex,
          ),

        ],
      ),
      bottomNavigationBar:  WaveBottomNavigation(
        items: [
          WaveBottomNavigationItem(title: 'خانه', icon: Assets.vec.mapSvg.svg(
            width: 32,
            height: 32,
            colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
          )),
          WaveBottomNavigationItem(
            title: 'عملیات',
            icon: Assets.vec.userSvg.svg(
              width: 32,
              height: 32,
              colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ),
          ),
          WaveBottomNavigationItem(
            title: 'افزودن',
            icon: Assets.vec.addSvg.svg(
              width: 32,
              height: 32,
              colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ),
          ),
          WaveBottomNavigationItem(
            title: 'آمار',
            icon: Assets.vec.diagramSvg.svg(width: 32,height: 32,colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),),
          ),
          WaveBottomNavigationItem(
            title: 'تماس',
            icon: Assets.vec.callSvg.svg(
              width: 32,
              height: 32,
              colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ),
          ),
          WaveBottomNavigationItem(
            title: 'مکان ',
            icon: Assets.vec.gpsSvg.svg(
              width: 32,
              height: 32,
              colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ),
          ),
          WaveBottomNavigationItem(
            title: 'تاریخ',
            icon: Assets.vec.calendarSvg.svg(
              width: 32,
              height: 32,
              colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
            ),
          ),
        ],
        onPageChanged: (index) {
          controller.changePage(index);
        },
      ),
    );
  }
}