From df0c81f6f1db2250c22debf3739864c005008eb4 Mon Sep 17 00:00:00 2001
From: Hoang Huu <hoanghn@brainos.vn>
Date: Wed, 25 Sep 2019 10:00:39 +0700
Subject: [PATCH] Update messages

---
 templates/user/read-messages.php | 40 ++++++++++++++++----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/templates/user/read-messages.php b/templates/user/read-messages.php
index cd3dba7c..462a9a30 100755
--- a/templates/user/read-messages.php
+++ b/templates/user/read-messages.php
@@ -1,29 +1,29 @@
-<?php if( $message ): 
-$form           = OpalEstate()->html->render_form( $fields );
-$id = 'message-reply';
+<?php if ( $message ):
+$form = OpalEstate()->html->render_form( $fields );
+$id   = 'message-reply';
 ?>
 <div class="opalestate-admin-box">
     <div class="opalestate-nav-bc opal-row">
-
-        <div class="col-lg-8"><a href="<?php echo opalestate_get_user_tab_uri( 'messages' ); ?>"><?php esc_html_e( 'Inbox', 'opalestate-pro' );?></a> /
+        <div class="col-lg-12"><a href="<?php echo esc_url( opalestate_get_user_tab_uri( 'messages' ) ); ?>"><?php esc_html_e( 'Messages', 'opalestate-pro' ); ?></a> /
 			<?php echo esc_html( $message->subject ); ?>
         </div>
-
     </div>
     <div class="opalestate-read-message">
-
-        <div class="message-body">
-            <div class="message-avatar">
-                <img src="<?php echo OpalEstate_User::get_author_picture( $message->sender_id ); ?>" width="60" alt="<?php esc_attr_e( 'User Avatar', 'opalestate-pro' ); ?>"/>
-            </div>
-            <div class="message-content">
-                <div><?php echo esc_html( $message->created ); ?></div>
-				<?php echo esc_html( $message->message ); ?>
+        <div class="message-container">
+            <div class="message-body">
+                <div class="message-meta">
+                    <div class="message-avatar">
+                        <img src="<?php echo esc_url( OpalEstate_User::get_author_picture( $message->sender_id ) ); ?>" width="60" alt="<?php esc_attr_e( 'User Avatar', 'opalestate-pro' ); ?>"/>
+                    </div>
+                    <span class="message-date"><?php echo esc_html( $message->created ); ?></span>
+                </div>
+                <div class="message-content">
+			        <p><?php echo esc_html( $message->message ); ?></p>
+                </div>
             </div>
         </div>
-		<?php if( $replies  ): ?>
-			<?php foreach( $replies as $reply ): ?>
-
+		<?php if ( $replies ): ?>
+			<?php foreach ( $replies as $reply ): ?>
                 <div class="message-body">
                     <div class="message-avatar">
                         <img src="<?php echo OpalEstate_User::get_author_picture( $reply->sender_id ); ?>" width="60" alt="<?php esc_attr_e( 'User Avatar', 'opalestate-pro' ); ?>"/>
@@ -38,12 +38,12 @@ $id = 'message-reply';
 		<?php endif; ?>
     </div>
     <div class="opalestate-message-reply">
-        <form class="opalestate-form-reply" method="post" >
+        <form class="opalestate-form-reply" method="post">
 			<?php echo $form; ?>
-			<?php  wp_nonce_field( $id, 'message_action' ); ?>
+			<?php wp_nonce_field( $id, 'message_action' ); ?>
             <div class="form-group">
                 <input type="hidden" name="message_id" value="<?php echo $message->id; ?>">
-                <button type="submit"><?php esc_html_e( 'Reply','opalestate-pro'); ?></button>
+                <button type="submit" class="button btn btn-primary btn-3d"><?php esc_html_e( 'Reply', 'opalestate-pro' ); ?></button>
             </div>
         </form>
     </div>