Messaging system (One to One, Facebook Inbox style, Not Chat)

You must use: ----------------- 1.- PHP as server side language 2.- PDO for database, 3.- Smarty PHP template engine 4.- [login to view URL] if you need to use jQuery 5.- Bootstrap 3.3.5 I don't care to have a beautiful interface as long as it follows the attached mockup. My designer will takes care to make a new design. I assume that you're familiar with Facebook as the main functionality should be like Facebook Inbox. Some examples: On mouse over of a message to show 2 icons. A trush for deleting the message and a bullet (or any other icon) to mark it as read. Another example: As the user types the recipient name a list containing user avatar and username will appears for selection. As you can see in the mockup the screen is divided in 4 sections: 1.- Top left: Should be only a button "New message" 2.- Left side: A list of all messages (Inbox). By the way. Only inbox should exist as folder for messages. 3.- Top Right: Is the recipient details of the selected convertations on the left. 4.- Righ side: Is the messages of the convertation. Details for the messages list: ----------------------------------- 1.- Give attention to the post message form. I want to be exactly as it appears there. eg the user checks "Press Enter to send the message" the send button will disappears. When unselects it the Send button will appears again. Default is: Unselected with Send button. 2.- Single Photo upload 3.- Uploaded photo (before posting the message) must appears as thumbnail with ability to delete it. 4.- After posting the message and as long as the message haven't marked as "Read" the message owner must be able to delete it. 5.- Messages will be group by day (with horizontal line showing the date). 6.- I do NOT need smilies in messages. Details for the Convertations list (Left side) ----------------------------------------------------- 1.- User can delete it and remove it from the list, BUT (very important!!), the recipient can still see it on his own inbox. 2.- I want you to find a way a convertation to be mark as "Read" except the manual way (User clicks "Mark as read" icon. New Message details: --------------------------- 1.- The recipient field to works as I emplain above (droplist, filter users as you type). 2.- After User selection his avatar and username to appears on the "To" field with option to delete it in case that selected wrong user and select a new one. 3.- This is somehow the only "Multiuser" feature. I want a "Copy message" field where the user can select one or more other user to send a COPY of this message. To make it clear. The message to that user(s) should be like that has written just to them. If you want more explanation contact me for details. It's just a feature to help the user to avoid writing the same message many times to different users (and maybe attaching the same photo). 4.- Single Photo upload with ability to delete it before send and maybe add another one. Other Actions: ------------------ After each new message or Reply some details of the message to be add in a seperate (notifications) table. These details ,must be like: Sender Avatar, Sender username .... send you a message ...Message Title. The message title must be a link to that specific convertation and not only to a link to inbox. Copyright ------------ By accepting this project, you automatically grand me full and exclusive rights to the code. In simple words it's a "Code it and forget it" for you after delivering. Hope that I was clear enought on what I want. Thank you