<?php
$exhibitor_id = $this->session->userdata('exhibitor_id');


$visitors = $this->db->get_where('visitor', array('visitor_id' => $visitor_id))->result_array();
        foreach($visitors as $key => $visitor):
            $exhibitor_id = $this->session->userdata('exhibitor_id');
            endforeach;

// $visitor_id = $this->session->userdata('visitor_id');
// $exhibitor_id = $this->session->userdata('exhibitor_id');

//             $receivers = $this->db->get_where('chat', array('sender_message_id' => $exhibitor_id,'receiver_message_id' => $visitor_id  )) ->result_array();
//                         foreach($receivers as $key => $chat):
//                             $receiver_message_id = $this->session->userdata('visitor_id');
//                             $sender_message_id = $this->session->userdata('exhibitor_id');
//                         endforeach;

            ?>


<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-info" style="margin-top: -10px;">
            <div class="panel-heading"><span style="font-size:18px; margin-left:10px; position:relative; top:13px;"><strong><span  id="user_details"><span class="glyphicon glyphicon-user"></span></span> <?php echo $visitor['name'];?>
        </strong></span></div>
            <div class="panel-wrapper collapse in" aria-expanded="true">
                <div class="panel-body">
                    <div class="form-group">
                        <div class="col-lg-12">
                            <div class="showme hidden" style="position: absolute; left:-120px; top:20px;">
                                <div class="well">
                                    <strong>Room Member/s:</strong>
                                    <div style="height: 10px;"></div>
                                </div>
                            </div>
                            <div>

                            </div>

                                <style type="text/css">.container {
                                    border: 2px solid #dedede;
                                    background-color: #f1f1f1;
                                    border-radius: 5px;
                                    padding: 10px;
                                    margin: 10px 0;
                                    }
                                    .darker {
                                    border-color: #ccc;
                                    background-color: #ddd;
                                    }

                                    .container::after {
                                    content: "";
                                    clear: both;
                                    display: table;
                                    }

                                    .container img {
                                    float: left;
                                    max-width: 60px;
                                    width: 100%;
                                    margin-right: 20px;
                                    border-radius: 50%;
                                    }

                                    .container img.right {
                                    float: right;
                                    margin-left: 20px;
                                    margin-right:0;
                                    }

                                    .time-right {
                                     float: right;
                                    color: #aaa;
                                    }

                                    .time-left {
                                    float: left;
                                    color: #999;
                                    }
                                    </style>

<?php
          echo form_open(base_url() . 'exhibitor/my_chat/insert/' , array('class' => 'form-horizontal form-groups-bordered validate', 'enctype' => 'multipart/form-data'));?>

        <div class="panel panel-default" style="height: 290px; margin-top: -10px;">
            <div style="height:10px;"></div>
            <span style="margin-left:10px;">Welcome to chat</span><br>
            <?php
            $get_chat_from_model = $this->chat_model->list_all_chat_and_order_with_chatid1($visitor_id,$exhibitor_id);
            foreach ($get_chat_from_model as $key => $chat):?>
                            <?php
                                  if($chat['message_sent_by'] == $this->session->userdata('login_type')): ?>
                                            <div class="chat_send">
                                    <p><?php echo $chat['message'];?></p>

                                    <span class="time-right"><?php  echo $chat['chat_date'];?></span>


                                <div style="height:10px;"></div>
                                </div>

                                <div id="chat_area" style="margin-left:10px; max-height:320px; overflow-y:scroll;">

                                </div>
                                <?php
                                 endif?>


                            <?php
                                  if($chat['message_sent_by'] != $this->session->userdata('login_type')): ?>
                                            <div class="chat_receive">
                                    <p><?php echo $chat['message'];?></p>

                                    <span class="time-right"><?php  echo $chat['chat_date'];?></span>


                                <div style="height:10px;"></div>
                                </div>
<!--
                                <div id="chat_area" style="margin-left:10px; max-height:320px; overflow-y:scroll;">

                                </div>  -->
                                <?php
                                 endif?>


            <?php
        endforeach;?>

                 </div>
             </div>
         </div>
     </div>
 </div>
</div>
<form id="createForm">
<div class="input-group">
    <input type="text" class="form-control" name="message" value="<?php echo $row['message'];?>" />
    <input type="hidden" class="form-control" name="visitor_id" value="<?php echo $visitor['visitor_id'];?>" required/>
    <input type="hidden" class="form-control" name="exhibitor_id" value="<?php echo"$exhibitor_id"; ?>" required/>

    <span class="input-group-btn">

        <button type="submit" class="btn btn-success">
            <!-- <span class="glyphicon glyphicon-comment"></span> -->
             Send</button>
    </span>


</div>
</form>
<script type="text/javascript">
    // $("#createForm").submit(function(event) {
    //         event.preventDefault();
    //         $.ajax({
    //                 url: "<?php echo base_url('exhibitor/create'); ?>",
    //                 data: $("#createForm").serialize(),
    //                 type: "post",
    //                 async: false,
    //                 dataType: 'json',
    //                 success: function(response){

    //                     $('#createModal').modal('hide');
    //                     $('#createForm')[0].reset();
    //                    $('#exampleTable').DataTable().ajax.reload();
    //                   },
    //                error: function()
    //                {
    //                 alert("error");
    //                }
    //       });
    //     });
</script>