<?php
include("config.php");
$_SESSION["from"] = '';
include_once("inc/header.php");
?>
<div class="min">
    <div class="container-fluid">

        <div id="setup-2" class="row">

            <!--body-->
            <div class="col-lg-12">
                <div class="wrapper">
                    <div class="row">
                        <div class="col-md-1"></div>
                        <div class="col-md-4 col-sm-12">
                            <div class="alert alert-success alert-dismissible fade show" id="success-4" role="alert" style="display: none">
                                <strong>Message was sent successfully</strong>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="alert alert-danger alert-dismissible fade show" id="error-4" role="alert" style="display: none">
                                <strong id="error-4-msg">Something is Wrong please try again</strong>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div id="chat">
                                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
                                <div class=" app">
                                    <div class="row app-one">
                                        <div class="col-sm-12 conversation">
                                            <div class="heading">
                                                <div class="col-sm-12 heading-name">
                                                    <a class="heading-name-meta"><img src="images/profile.png" style="width:35px;margin: 0px 10px;" class="img-fluid"><span id="toSpan"></span>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="row message" id="conversation">
                                                <br>
                                            </div>

                                            <div class="row reply">
                                                <div class="col-sm-12  reply-main">
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                                                        <button class="dropdown-item" type="button">Action</button>
                                                        <button class="dropdown-item" type="button">Another action</button>
                                                        <button class="dropdown-item" type="button">Something else here</button>
                                                    </div>
                                                    <textarea class="form-control" style="" id="comment"></textarea>
                                                    <i class="fa fa-send float-right sendIcon" id="send" aria-hidden="true" style="float: right;font-size: 30px"></i>
                                                    <div class="action_menu" id="sendMenu">
                                                        <ul>
                                                            <li class="menuItem" id="image"><i class="fas fa-images"></i> Image</li>
                                                            <li class="menuItem" id="video"><i class="fas fa-video"></i> Video</li>
                                                            <li class="menuItem" id="audio"><i class="fas fa-headphones"></i> Audio</li>
                                                            <li class="menuItem" id="document"><i class="fas fa-file"></i> Document</li>
                                                            <li class="menuItem" id="location"><i class="fas fa-map-marker-alt"></i> Location</li>
                                                        </ul>
                                                        <input type="hidden" name="lat" id="lat" />
                                                        <input type="hidden" name="lng" id="lng" />
                                                        <input type="file" name="image" id="imageData" style="display: none;visibility: hidden" accept="image/*" />
                                                        <input type="file" name="video" id="videoData" style="display: none;visibility: hidden" accept="video/mp4,video/x-m4v,video/*" />
                                                        <input type="file" name="audio" id="audioData" style="display: none;visibility: hidden" accept=".mpga,audio/*" />
                                                        <input type="file" name="document" id="documentData" style="display: none;visibility: hidden" accept=".doc,.docx,.csv,.xsls,application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,text/plain, application/pdf, image/*" />
                                                    </div>

                                                    <i class="fa fa-paperclip float-right sendIcon" id="popBtn" aria-hidden="true" style="float: right;font-size: 30px"></i>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <br>
                            <br>
                            <br>
                            <br>
                            <br>
                        </div>
                        <div class="col-md-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include_once("inc/footer.php"); ?>
<style>

</style>
<script>
</script>