import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'detaill_resep.dart';

class DataResepHome extends StatefulWidget
{
  @override
//  _DataResepHomeState createState()= new _DataResepHomeState();
  _DataResepHomeState createState() => new _DataResepHomeState();

}

class _DataResepHomeState extends State<DataResepHome>
{
  Future<List> getData() async
  {
    final responseData = await http.get("http://10.80.33.185/resep/get_resep.php");
    return jsonDecode(responseData.body);
  }

  Widget build(BuildContext context)
  {
    return new Scaffold(
      appBar: AppBar(
        title: new Text("Resep Sehat Dr.Zaidul Akbar"),
        backgroundColor: Colors.green,
      ),
      body: new FutureBuilder<List>(
        future: getData(),
        builder: (context,snapshot){
          if(snapshot.hasError)print(snapshot.error);
          return snapshot.hasData ? new ItemList(list:snapshot.data):
              new Center(
                child: CircularProgressIndicator(),
              );
        },
      ),
    );
  }
}

class ItemList extends StatelessWidget
{
  final List list;
  ItemList({this.list});

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new ListView.builder(
      itemCount: list == null ? 0:list.length,
      itemBuilder: (context,i)
        {
          return new Container(
            padding: const EdgeInsets.all(10.0),
            child: new GestureDetector(
              onTap: (){
                Navigator.of(context).push(new MaterialPageRoute(builder: (context)=> DetailPageResep(list:list,index: i,)));

              },
              child: new Card(
                child: new ListTile(
                  title: new Text(list[i]['judul_resep'],style: new TextStyle(color: Colors.green , fontWeight: FontWeight.bold),
                  ),
                subtitle: new Text("Tanggal : ${list[i]['tgl_resep']}"),
                trailing:new Image.network("http://10.80.33.185/resep/img/" + list[i]['img_resep'],
                fit: BoxFit.cover,
                height: 60.0,
                width: 60.0,
                ),
              ),
            )
          ),
          );
        },
    );
  }
}