import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:konectar_events/utils/util.dart';
import 'package:konectar_events/widgets/customappbar.dart';
import 'package:konectar_events/widgets/customeventsappbar.dart';

class HcpListScreen extends StatefulWidget {
  const HcpListScreen({super.key});

  @override
  State<HcpListScreen> createState() => _HcpListScreenState();
}

class _HcpListScreenState extends State<HcpListScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        title: 'Speakers',
        backgroundcolor: Color.fromARGB(255, 0, 71, 132),
      ),
      body: speakersList(),
    );
  }

  Widget speakersList() {
    return Container(
        width: double.maxFinite,
        decoration: BoxDecoration(
          // color: Color.fromARGB(179, 248, 238, 238),
          color: Colors.white,
        ),
        child: ListView.separated(
          padding: const EdgeInsets.all(8),
          itemCount: 8,
          itemBuilder: (BuildContext context, int index) {
            return Container(
                // height: 50,
                child: Column(
              children: [
                Row(
                  children: [
                    CircleAvatar(
                      radius: 24,
                      child: Icon(Icons.person, size: 24),
                    ),
                    SizedBox(
                      width: 10,
                    ),
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          'Husain Hatim',
                          style: TextStyle(
                            fontWeight: FontWeight.bold,
                            fontFamily: "SourceSerif",
                            fontSize: 14,
                          ),
                          maxLines: 2,
                          softWrap: true,
                          overflow: TextOverflow.ellipsis,
                        ),
                        SizedBox(
                          width: isTablet
                              ? MediaQuery.of(context).size.width * 0.25
                              : MediaQuery.of(context).size.width * 0.5,
                          child: Text(
                            'Programmed Cell Death 1 Receptor | Human Epidermal Growth Factor Receptor 2 +6more',
                            maxLines: 3,
                            style: TextStyle(
                                // decoration: TextDecoration.underline,
                                // decorationColor: Colors.blue,
                                fontFamily: "SourceSerifLight",
                                color: Colors.black,

                                //fontStyle: FontStyle.italic,
                                fontSize: 14),
                          ),
                        ),
                      ],
                    ),
                    const Spacer(),
                    SizedBox(
                      height: 30,
                      child: OutlinedButton(
                        onPressed: () {},
                        child: Icon(
                          Icons.add,
                          size: 24,
                        ),
                        style: OutlinedButton.styleFrom(
                          shape: CircleBorder(),
                        ),
                      ),
                    ),
                  ],
                ),
              ],
            ));
          },
          separatorBuilder: (BuildContext context, int index) {
            return Padding(
                padding: const EdgeInsets.only(left: 34.0), child: Divider());
          },
        ));
  }
}