import 'package:carousel_slider/carousel_slider.dart';
import 'package:didvan/widgets/didvan/card.dart';
import 'package:didvan/widgets/didvan/text.dart';
import 'package:didvan/widgets/floating_navigation_bar.dart';
import 'package:didvan/widgets/skeletun_image.dart';
import 'package:flutter/material.dart';

class DidvanPageView extends StatelessWidget {
  const DidvanPageView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final double deviceTopPadding = MediaQuery.of(context).padding.top;
    return Stack(
      children: [
        CarouselSlider.builder(
          itemCount: 5,
          options: CarouselOptions(
            height: double.infinity,
            initialPage: 1,
            viewportFraction: 0.94,
            enableInfiniteScroll: false,
          ),
          itemBuilder: (context, index, realIndex) => Padding(
            padding: EdgeInsets.only(
              left: 4,
              right: 4,
              top: 16 + deviceTopPadding,
            ),
            child: DidvanCard(
              padding: EdgeInsets.zero,
              enableBorder: false,
              child: CustomScrollView(
                slivers: [
                  const SliverAppBar(
                    automaticallyImplyLeading: false,
                    expandedHeight: 200,
                    flexibleSpace: SkeletonImage(
                      imageUrl: 'https://wallpapercave.com/wp/wp9373116.jpg',
                      width: double.infinity,
                      height: double.infinity,
                    ),
                  ),
                  SliverPadding(
                    padding: const EdgeInsets.symmetric(
                        vertical: 20, horizontal: 16),
                    sliver: SliverList(
                      delegate: SliverChildBuilderDelegate(
                        (context, index) {
                          switch (index) {
                            case 0:
                              return Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  DidvanText(
                                    'تحلیل شکاف فناوری صنعت فولاد ایران',
                                    style:
                                        Theme.of(context).textTheme.bodyText1,
                                  ),
                                  const SizedBox(height: 8),
                                  const DidvanText(
                                    'پایگاه خبری معدن نیوز - 2 ساعت پیش',
                                  ),
                                  const SizedBox(height: 8),
                                ],
                              );
                            default:
                              return const Padding(
                                padding: EdgeInsets.only(bottom: 8),
                                child: DidvanText(
                                  'این سایت امروز (شنبه) تیم منتخب قاره آسیا در سال ۲۰۲۱ میلادی را معرفی کرد که از ایران، سردار آزمون و محمد حسین کنعانی‌زادگان در ترکیب اصلی و مهدی طارمی و سیدمجید حسینی در جمع بازیکنان ذخیره دیده می‌شوند.',
                                ),
                              );
                          }
                        },
                        childCount: 10,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
        const Positioned(
          left: 0,
          right: 0,
          bottom: 0,
          child: FloatingNavigationBar(),
        ),
      ],
    );
  }
}