class DrugsListView extends StatefulWidget {
  @override
  _DrugsListViewState createState() => _DrugsListViewState();
}

class _DrugsListViewState extends State<DrugsListView> {
  var DrugList = [
    {
      "name_drug":"Panadol Night",
      "subtitle_drug":"Take 1 tablet",
      "time_drug":"Sunday 7:00 AM",
      "picture_drug":"img/drug.png",
    },
        {
      "name_drug":"Lipitor",
      "subtitle_drug":"Take 1 tablet",
      "time_drug":"Sunday 7:00 AM",
      "picture_drug":"img/lipitor.jpg",
    },

  ];
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: DrugList.length,
      itemBuilder:(context,index){
      return SingleDrugView(
        name_drug_view:DrugList[index]["name_drug"],
        subtitle_drug_view:DrugList[index]["subtitle_drug"],
        time_drug_view:DrugList[index]["time_drug"],
        picture_drug_view:DrugList[index]["picture_drug"]
      );
      });
  }
}
class SingleDrugView extends StatelessWidget {
  final name_drug_view;
  final subtitle_drug_view;
  final time_drug_view;
  final picture_drug_view;
  SingleDrugView ({
    this.name_drug_view,
    this.subtitle_drug_view,
    this.time_drug_view,
    this.picture_drug_view,
  });
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: new BoxDecoration(
        border: new Border(
          bottom: new BorderSide(
            color: Colors.grey.shade200,
          )
        )
      ),
      child: ListTile(
        leading: GestureDetector(
          onTap: (){},
          child:  new Image.asset(picture_drug_view,
          width: 40,
          height: 50,
          ),
        ),
        title: GestureDetector(
          onTap: (){},
          child: Text(name_drug_view),
        ),
        subtitle: new Column(
          children: <Widget>[
            new Row(
              children: <Widget>[
              Padding(
              padding: const EdgeInsets.all(1.0),
                  child: Text(subtitle_drug_view),
                ),
                        new Padding(
                  padding: EdgeInsets.fromLTRB(10, 8.0, 8.0, 8.0),
                  child: Icon(Icons.alarm,size: 12.0,color: Colors.grey,),
                ),
                  Padding(
                  padding: EdgeInsets.all(1.0),
                  child: new Text(time_drug_view),
                ),
              ],
            )
          ],
        ),

        trailing: GestureDetector(
          onTap: (){},
          child:Icon(Icons.keyboard_arrow_right,size: 14,color: Colors.grey,),
        ),

      ),
    );
  }
}