app.dart

import 'package:flutter/material.dart';
import 'package:carousel_slider/carousel_slider.dart';

import 'package:halasat_cinema_mobile/src/const.dart';
import 'package:halasat_cinema_mobile/src/models/featured.dart';
import 'package:halasat_cinema_mobile/src/models/post.dart';
import 'package:halasat_cinema_mobile/src/pages/post_page.dart';
import 'package:halasat_cinema_mobile/src/services/featured.dart';
import 'package:halasat_cinema_mobile/src/services/post.dart';
import 'package:halasat_cinema_mobile/src/services/post_list_category.dart';
import 'package:halasat_cinema_mobile/src/widgets/post_row.dart';

class App extends StatelessWidget {
  final Future<Featured> _featured = fetchFeatured();
  final List<Widget> _postRows = [
    PostRow(
      title: 'Latest Posts',
      titleBorderColor: Colors.blue,
    ),
    PostRow(
      title: 'TV Shows',
      titleBorderColor: Colors.purple,
      fetchList: fetchPostListCategory,
      category: 1,
    ),
    PostRow(
      title: 'US Box Office',
      titleBorderColor: Colors.cyan,
      fetchList: fetchPostListCategory,
      category: 10,
    ),
    PostRow(
      title: 'Bollywood Movies',
      titleBorderColor: Colors.purple,
      fetchList: fetchPostListCategory,
      category: 3,
    ),
    PostRow(
      title: 'Bollywood Shows',
      titleBorderColor: Colors.purple,
      fetchList: fetchPostListCategory,
      category: 8,
    ),
    PostRow(
      title: 'Arabic Movies',
      titleBorderColor: Colors.brown,
      fetchList: fetchPostListCategory,
      category: 7,
    ),
    PostRow(
      title: 'Arabic Shows',
      titleBorderColor: Colors.brown,
      fetchList: fetchPostListCategory,
      category: 4,
    ),
    PostRow(
      title: 'Asian Movies',
      titleBorderColor: Colors.green,
      fetchList: fetchPostListCategory,
      category: 6,
    ),
    PostRow(
      title: 'Asian Shows',
      titleBorderColor: Colors.green,
      fetchList: fetchPostListCategory,
      category: 5,
    ),
    PostRow(
      title: 'Anime Movies',
      titleBorderColor: Colors.amber,
      fetchList: fetchPostListCategory,
      category: 9,
    ),
    PostRow(
      title: 'Anime Shows',
      titleBorderColor: Colors.amber,
      fetchList: fetchPostListCategory,
      category: 2,
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'HalaSat Cinema',
      // theme: ThemeData(primarySwatch: Colors.red),
      theme: ThemeData.dark().copyWith(
        // primaryColor: Colors.red,
        accentColor: Colors.red,
      ),
      home: Scaffold(
        body: SafeArea(
          bottom: false,
          child: ListView(
            addAutomaticKeepAlives: true,
            children: <Widget>[
              _buildSearch(context),
              Padding(
                padding: const EdgeInsets.only(bottom: 8.0),
                child: FutureBuilder(
                  future: _featured,
                  builder:
                      (BuildContext context, AsyncSnapshot<Featured> snapshot) {
                    if (snapshot.hasData) {
                      Featured featured = snapshot.data;
                      return _buildCarouselSlider(context, featured);
                    } else
                      return Align(child: CircularProgressIndicator());
                  },
                ),
              ),
            ]..addAll(_postRows),
          ),
        ),
      ),
    );
  }

  Padding _buildSearch(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(10.0),
      child: ClipRRect(
        borderRadius: BorderRadius.circular(10.0),
        child: TextField(
          onTap: () {
            // TODO: Handle search
          },
          maxLines: 1,
          decoration: InputDecoration(
            prefixIcon: Icon(Icons.search),
            filled: true,
            contentPadding: EdgeInsets.only(top: 14.0),
            hintText: 'Search movies, tv shows...etc.',
            border: InputBorder.none,
            // fillColor: Colors.grey.shade200,
          ),
        ),
      ),
    );
  }

  CarouselSlider _buildCarouselSlider(BuildContext context, Featured featured) {
    return CarouselSlider(
      autoPlay: true,
      height: 250.0,
      items: featured.featured.map((FeaturedItem item) {
        return Builder(
          builder: (BuildContext context) {
            return _buildFeaturedPost(context, item);
          },
        );
      }).toList(),
    );
  }

  Widget _buildFeaturedPost(BuildContext context, FeaturedItem item) {
    return GestureDetector(
      child: Container(
        width: MediaQuery.of(context).size.width,
        margin: EdgeInsets.symmetric(horizontal: 5.0),
        child: Stack(
          fit: StackFit.expand,
          children: <Widget>[
            FadeInImage(
              fit: BoxFit.cover,
              placeholder: AssetImage('assets/featured-placeholder.jpg'),
              image: NetworkImage(
                '$kVoduBase/${item.large}',
              ),
            ),
            Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(
                  colors: <Color>[
                    Colors.red.withOpacity(0.9),
                    Colors.blue.withOpacity(0.5),
                  ],
                ),
              ),
            ),
            Positioned(
              bottom: 10.0,
              left: 10.0,
              child: Text(
                item.title,
                style: TextStyle(fontSize: 15.0),
              ),
            )
          ],
        ),
      ),
      onTap: () async {
        Post res = await fetchPost(int.parse(item.id));
        Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) {
          return PostPage(postListItem: res.movies[0],);
        } ));
      },
    );
  }
}