Index: frontend/src/Dashboard/Menu.js
===================================================================
--- frontend/src/Dashboard/Menu.js	(revision d86edb72e90d0d42619a78d8c0d4656e39b625ae)
+++ frontend/src/Dashboard/Menu.js	(revision 13f14722ed5b1d5b3afb1db9ebefa98117f0e19a)
@@ -1,6 +1,7 @@
 import React, {useEffect, useState} from 'react'
-import {Button, Form, Input, Card, notification} from "antd";
+import {Button, Form, Input, Card, notification, Checkbox, message, Upload} from "antd";
 import axios from "axios";
 import env from "../env";
+import {PlusOutlined} from "@ant-design/icons";
 
 const Menu = props => {
@@ -23,6 +24,21 @@
     }
 
+    const beforeUpload = (file) => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+            message.error('Сликата мора да е формат jpg или png');
+        }
+        if(isJpgOrPng) setLoadingSave(true);
+        return isJpgOrPng;
+    }
+    const uploadChanged = (ev) =>{
+        if(ev.file.status == 'done'){
+            getRestaurant()
+        }
+    }
+
     const addMenu = (data) => {
         setLoadingSave(true);
+        console.log(data)
         axios.post(env.api + 'Menu/',{...data,price: parseInt(data.price)}, { headers: {Authorization: localStorage.getItem('Auth')}
         }).then(res => {
@@ -97,4 +113,10 @@
                     </Form.Item>
                     <Form.Item
+                        label="Алергени"
+                        name="alergens"
+                    >
+                        <Input/>
+                    </Form.Item>
+                    <Form.Item
                         label="Цена"
                         name="price"
@@ -109,4 +131,10 @@
                         <Input placeholder="Цена" type={'number'}/>
                     </Form.Item>
+                    <Form.Item
+                        name="isVipOnly"
+                        valuePropName="checked"
+                    >
+                        <Checkbox>Само за VIP</Checkbox>
+                    </Form.Item>
                     <Form.Item style={{textAlign: 'center'}}>
                         <Button type="primary" htmlType="submit" loading={loadingSave}>
@@ -118,6 +146,20 @@
             <div style={{textAlign:'start'}}>
                 {restaurant.menu.map(el =>
-                    <Card title={el.title} extra={<p style={{color:'red',cursor:'pointer'}} onClick={()=>deleteMenu(el.id)}>Избриши</p>} style={{ width: 300, display:'inline-block', margin:'10px' }} size="small">
+                    <Card key={el.id} title={el.title} extra={<div>{el.isVipOnly ? <span style={{color:'orange',fontWeight:'bold'}}>VIP </span>:''}<span style={{color:'red',cursor:'pointer'}} onClick={()=>deleteMenu(el.id)}>Избриши</span></div>} style={{ width: 300, display:'inline-block', margin:'10px' }} size="small">
+                        <div style={{height:'100px', width:'270px'}}>
+                            <Upload
+                                name="file"
+                                onChange={uploadChanged}
+                                showUploadList={false}
+                                beforeUpload={beforeUpload}
+                                style={{height: '100px', overflow: 'hidden'}}
+                                action={env.api+'Menu/'+el.id+'/upload'}
+                            >
+                                {el.image != "data:image/png;base64," ? <img style={{cursor: 'pointer'}} src={el.image} alt="avatar"
+                                                                                           height='100px' width={'270px'}/> : <div style={{cursor:'pointer',margin: 15,border:'1px solid gray',padding: 5}}><PlusOutlined /><div style={{ marginTop: 8}}>Додади слика</div></div>}
+                            </Upload>
+                        </div>
                         <p>{el.description}</p>
+                        <p>Алергени: {el.alergens.length ==0 ? 'Нема' : el.alergens}</p>
                         <b>{el.price} ден.</b>
                     </Card>
Index: frontend/src/Dashboard/Vip.js
===================================================================
--- frontend/src/Dashboard/Vip.js	(revision 13f14722ed5b1d5b3afb1db9ebefa98117f0e19a)
+++ frontend/src/Dashboard/Vip.js	(revision 13f14722ed5b1d5b3afb1db9ebefa98117f0e19a)
@@ -0,0 +1,66 @@
+import React, {useEffect, useState} from 'react';
+import {Checkbox, Input, List} from "antd";
+import moment from "moment";
+import axios from "axios";
+import env from "../env";
+
+const Vip = (props) =>{
+
+    const [loading,setLoading] = useState(true);
+    const [users,setUsers] = useState([]);
+
+    const getData = () =>{
+        axios.get(env.api + 'Users', {
+            headers: {Authorization: localStorage.getItem('Auth')}
+        }).then(res => {
+            console.log(res.data)
+            setUsers(res.data.sort(x => x.id));
+            setLoading(false);
+        });
+    }
+
+    useEffect(()=>{
+        getData()
+    },[])
+
+    const updateVip = (id, val) => {
+        console.log(val.target.checked)
+        setLoading(true)
+        axios.post(env.api + 'Users/'+id+'/vip', {},{
+            params: {newStatus: val.target.checked},
+            headers: {Authorization: localStorage.getItem('Auth')}
+        }).then(res => {
+            getData()
+            setLoading(false);
+        });
+    }
+
+
+    return(
+        <div style={{padding:'20px'}}>
+            <div style={{
+                width: '100%',
+                height:'75px',
+                backgroundColor: 'white',
+                padding: '20px',
+                border: '1px solid lightgray'
+            }} >
+                <h2 style={{float: 'left'}}>VIP корисници</h2>
+            </div>
+            <div style={{backgroundColor:'white'}}>
+            <List loading={loading} dataSource={users} itemLayout={'horizontal'} locale={{emptyText:'Нема корисници'}}
+                  renderItem={item => (
+                      <List.Item
+                          actions={[<Checkbox checked={item.isVip} onChange={(val)=>updateVip(item.id,val)}>Вип корисник</Checkbox>]}>
+                          <div style={{display:'flex',flexDirection:'row',justifyContent:'space-between',width:'100%', padding:'10px'}}>
+                              <span>{item.id}</span>
+                              <span>{item.email}</span>
+                          </div>
+                      </List.Item>
+                  )}/>
+            </div>
+        </div>
+    )
+}
+
+export default Vip;
