1. import React , { useState } from 'react'
2. import {BsChevronRight, BsChevronUp} from "react-icons/bs"
3. import {MdPermIdentity} from "react-icons/md"
4. import "./formulaireRdv.css"
5. import Navbar from "../../components/navbar";
6. import {BiMessage} from "react-icons/bi"
7. import DropFileInput from '../../components/uploadDoc/DropFileInput';
8. import { useDispatch} from "react-redux";
9.  
10. const FormulaireRdv = () => {
11.     const dispatch = useDispatch();
12.  
13.     const HandleChange = (e) => {
14.         setUser({ ...user, [e.target.name]: e.target.value });
15.       };
16.    
17.     const [user, setUser] = useState({
18.         firstName: "",
19.         lastName: "",
20.        
21.       });
22.  
23.  
24.  
25.  
26.  
27.  
28.   return (
29.     <div className="bodyContainer">
30.         <Navbar/>
31.         <div className='path'> Liste dentiste <BsChevronRight size={"15"} color={"#247285"}/>
32.         Dr <BsChevronRight size={"15px"} color={"#247285"}/>
33.          Prise de RDV <BsChevronRight size={"15px"} color={"#247285"}/>
34.          Formulaire </div>
35.         <div className='formulaireBx'>
36.             <h2>Formulaire de la prise de rendez-vous</h2>
37.             <div class="container">
38.                 <div class="row">
39.                     <div class="input-group mb-3 col">
40.                     <input
41.                         type="text"
42.                         name="firstName"
43.                         className="form-control"
44.                         placeholder="Nom et prénom"
45.                         aria-describedby="basic-addon2"
46.                         onChange={(e) => HandleChange(e)}
47.                         />
48.                         <span className="iconForm">
49.                         <MdPermIdentity size={"25px"} color={"grey"} />
50.                         </span>
51.                     </div>
52.                     <div class="input-group mb-3 col">
53.                     <select class="form-control" size="xl"name="motif" >
54.                             <option selected>Choose...</option>
55.                             <option >Choose...</option>
56.                     </select>
57.                     <span className="iconForm">
58.                         <BsChevronUp size={"25px"} color={"grey"} />
59.                         </span>
60.                     </div>
61.                     <div class="w-100"></div>
62.                     <div class="input-group mt-4 col">
63.                     <textarea class="input-group mb-3 col"  rows="3"size="200px" ></textarea>
64.                     <span className="iconForm">
65.                         <BiMessage size={"25px"} color={"grey"} />
66.                     </span>
67.                     </div>
68.                     <div class="input-group mt-4 col">
69.                         <div className='upload-container'>
70.                             <DropFileInput/>
71.                         </div>
72.                        
73.                     </div>
74.                 </div>
75.             </div>
76. =
77.         </div>
78.         <div className='calenderBx'>
79.  
80.         </div>
81.     </div>
82.   )
83. }
84.  
85. export default FormulaireRdv