import 'dart:developer';

import 'package:car_for_her/config/palette.dart';
import 'package:car_for_her/models/Client/car.dart';
import 'package:car_for_her/models/Client/services.dart';
import 'package:car_for_her/widgets/client%20widgets/car_card.dart';
import 'package:car_for_her/widgets/client%20widgets/services_widget.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

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

  @override
  _ClientHomeState createState() => _ClientHomeState();
}

class _ClientHomeState extends State<ClientHome> {
  int _currentItem=0;
  _onItemSelect(index){
    _currentItem=index;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: [
            Padding(
              padding: const EdgeInsets.fromLTRB(20, 40, 20, 0),
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text('Hello...',style: TextStyle(
                        fontSize: 28,
                        fontFamily: 'MontHeavy'
                      ),),
                      IconButton(onPressed: (){}, icon: SvgPicture.asset("assets/icons/profile.svg"))
                    ],
                  ),
                  Row(
                    children: [
                      Text("Book a trip with us",style: TextStyle(
                      fontSize: 20,
                      fontFamily: 'MontExtraLight'
                  ),),
                    ],
                  )
                ],
              ),
            ),
            Divider(thickness: 1,),
            Padding(
              padding: const EdgeInsets.fromLTRB(20, 20, 0, 10),
              child: Row(
                children: [
                  Text('Choose your service',style: TextStyle(
                      fontSize: 20,
                      fontFamily: 'MontHeavy'
                  ),),
                ],
              ),
            ),
            /** **************************Choose your service scroll list****************************** **/
            Row(
              children: [
                Expanded(
                  child: Container(
                    height: 90,
                    width: 120,
                    child: ListView.builder(
                      physics: BouncingScrollPhysics(),
                      scrollDirection: Axis.horizontal,
                      itemCount: serviceList.length,
                      itemBuilder: (context,i)=>GestureDetector(
                          onTap: (){
                            setState(() {
                              _onItemSelect(i);
                            });
                          },
                          child:(_currentItem==i)? ServicesWidget(i,true):ServicesWidget(i, false)),
                    ),
                  ),
                ),
              ],
            ),

            Padding(
              padding: const EdgeInsets.fromLTRB(20, 20, 20, 0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Text('Choose your car',style: TextStyle(
                      fontSize: 20,
                      fontFamily: 'MontHeavy'
                  ),),
                  IconButton(onPressed: (){}, icon: SvgPicture.asset("assets/icons/filter.svg",height: 40,)),
                ],
              ),
            ),
            /** **************************Choose your car scroll list****************************** **/
            ListView.builder(physics: NeverScrollableScrollPhysics(),
              itemCount: carList.length,
              shrinkWrap: true,
              itemBuilder: (context,i)=>Padding(
                padding: const EdgeInsets.fromLTRB(20, 10, 20, 0),
                child: CarCard(i),
              ),
            )

          ],
        ),
      ),
    );
  }
}