import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:fluttericon/font_awesome5_icons.dart';
import 'package:provider/provider.dart';

import '../main.dart';

class DiscoveryPage extends StatefulWidget {
  const DiscoveryPage({Key? key}) : super(key: key);

  @override
  State<DiscoveryPage> createState() => _DiscoveryPageState();
}

class _DiscoveryPageState extends State<DiscoveryPage> {

  @override

  Widget build(BuildContext context) {
    double height = MediaQuery.of(context).size.height;
    double width = MediaQuery.of(context).size.width;
    return Scaffold(
      backgroundColor: Color(0xFF141414),
      resizeToAvoidBottomInset: false,

      body: Padding(padding: EdgeInsets.fromLTRB(30, 50, 30, 0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                        children: [
                          Text('Playlist découverte', style: TextStyle(color: Colors.white, fontWeight: FontWeight.w500, fontSize: 25),),
                          Spacer(),
                          Icon(FontAwesome5.sort_amount_down, size: 30, color: Colors.white,),
                        ]
                    ),
                    Padding(padding: EdgeInsets.fromLTRB(0, 5, 0, 0)),
                    Text('Retrouvez ici vos nouvelles découvertes.', style: TextStyle(color: Colors.grey.withOpacity(0.4), fontSize: 15),),
                  ],
                ),
              ),
              Expanded(
                child: ListView(

                  children: [
                    SizedBox(height: 40,),
                    Container(
                        margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
                        child: Column(
                          children: [

                            Container(
                              margin: EdgeInsets.fromLTRB(0, 5, 0, 0),
                              width: double.infinity,
                              child: Row(
                                children: [
                                  Container(
                                    height: 60,
                                    width: 60,
                                    decoration: BoxDecoration(
                                      image: DecorationImage(
                                        image: NetworkImage('https://www.goutemesdisques.com/uploads/tx_gmdchron/pi1/L_Etrange_Histoire_de_Mr_Anderson.jpg'),
                                        fit: BoxFit.cover,
                                      ),
                                      border: Border.all(width: 0, color: Colors.grey.withOpacity(0)),
                                      borderRadius: BorderRadius.all(Radius.circular(10)),
                                    ),),
                                  Container(
                                    margin: EdgeInsets.fromLTRB(20, 0, 0, 0),
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      mainAxisAlignment: MainAxisAlignment.center,
                                      children: [
                                        Text('IVERSON',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
                                        Text('Laylow',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.6) ,fontSize: 16, fontWeight: FontWeight.w400),),

                                      ],
                                    ),),
                                ],
                              ),
                            ),


                          ],
                        )
                    ),
                    Container(
                        margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
                        child: Column(
                          children: [

                            Container(
                              margin: EdgeInsets.fromLTRB(0, 5, 0, 0),
                              width: double.infinity,
                              child: Row(
                                children: [
                                  Container(
                                    height: 60,
                                    width: 60,
                                    decoration: BoxDecoration(
                                      image: DecorationImage(
                                        image: NetworkImage('https://www.goutemesdisques.com/uploads/tx_gmdchron/pi1/L_Etrange_Histoire_de_Mr_Anderson.jpg'),
                                        fit: BoxFit.cover,
                                      ),
                                      border: Border.all(width: 0, color: Colors.grey.withOpacity(0)),
                                      borderRadius: BorderRadius.all(Radius.circular(10)),
                                    ),),
                                  Container(
                                    margin: EdgeInsets.fromLTRB(20, 0, 0, 0),
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      mainAxisAlignment: MainAxisAlignment.center,
                                      children: [
                                        Text('IVERSON',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
                                        Text('Laylow',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.6) ,fontSize: 16, fontWeight: FontWeight.w400),),

                                      ],
                                    ),),
                                ],
                              ),
                            ),


                          ],
                        )
                    ),
                    Container(
                        margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
                        child: Column(
                          children: [

                            Container(
                              margin: EdgeInsets.fromLTRB(0, 5, 0, 0),
                              width: double.infinity,
                              child: Row(
                                children: [
                                  Container(
                                    height: 60,
                                    width: 60,
                                    decoration: BoxDecoration(
                                      image: DecorationImage(
                                        image: NetworkImage('https://www.goutemesdisques.com/uploads/tx_gmdchron/pi1/L_Etrange_Histoire_de_Mr_Anderson.jpg'),
                                        fit: BoxFit.cover,
                                      ),
                                      border: Border.all(width: 0, color: Colors.grey.withOpacity(0)),
                                      borderRadius: BorderRadius.all(Radius.circular(10)),
                                    ),),
                                  Container(
                                    margin: EdgeInsets.fromLTRB(20, 0, 0, 0),
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      mainAxisAlignment: MainAxisAlignment.center,
                                      children: [
                                        Text('IVERSON',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
                                        Text('Laylow',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.6) ,fontSize: 16, fontWeight: FontWeight.w400),),

                                      ],
                                    ),),
                                ],
                              ),
                            ),


                          ],
                        )
                    ),


                  ],
                ),
              ),
            ],
          ),),
    );
  }
}