import React from 'react'
import Table from 'react-bootstrap/Table'
import "./listeRdv.css"

const ListeRdv = () => {

    const users = [

        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 1' ,heureetdate : '09/03/2022, 11:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 2' ,heureetdate : '09/03/2022, 12:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30' },
    ]
    



  return (
    <div>
        
                    <Table className='tableRdv'>
                            <thead>
                                <tr>
                                <th>N° DOSSIER</th>
                                <th>PATIENT</th>
                                <th>MOTIF</th>
                                <th>DATE DU RDV</th>
                                <th></th>
                                <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                {
                                users.map((item,i)=>
                                <tr key={i}>
                                <td>{item.NoDOSSIER}</td>
                                <td>{item.PATIENT}</td>
                                <td>{item.MOTIF}</td>
                                <td>{item.heureetdate}</td>
                                <td><button className='consulterBtn'>consulter</button></td>
                                <td><button className='reporterBtn'>Reporter/Annuler</button></td>
                                </tr>
                                )
                                }
                            </tbody>
                            </Table>
    
            <div className='voirPlusbtn' ><a href="test" >Voir plus</a></div>
    </div>
  )
}
export default ListeRdv;