@extends('layouts.master')
@section('content')

<style>
.container {
  border: 2px solid #69bb03;
  background-color: #69bb03;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}

.darker {
  border-color: #69bb03;
  background-color: #69bb03;
}

.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: #fff;
}

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


<div class="content-wrapper">
    <div class="container-fluid">
      <div class="col-lg-12">
        <div class="card">
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
           <div class="card-body" style="display: none;">
           <!-- <div class="card-title">Add Plantation</div>
           <hr> !-->
           

           <!-- Chat Messages !-->

<!-- <div class="container">
  <img src="https://thumbs.dreamstime.com/b/default-avatar-profile-trendy-style-social-media-user-icon-187599373.jpg" alt="Avatar" style="width:100%;">
  <p>Sweet! So, what do you wanna do today?</p>
  <span class="time-right">11:02</span>
</div> !-->


@foreach($messages as $message)
<div class="container darker">
    
  @if(Auth::Id() == $message->from_user)
  <img src="https://thumbs.dreamstime.com/b/default-avatar-profile-trendy-style-social-media-user-icon-187599373.jpg" alt="Avatar" class="right" style="width:100%;">
  <span style="float: right;margin-right: -7%;margin-top: 6%;">{{ Auth::user()->name }}</span>
  @else
  <img src="https://thumbs.dreamstime.com/b/default-avatar-profile-trendy-style-social-media-user-icon-187599373.jpg" alt="Avatar" style="width:100%;">
  <span style="float: left;margin-left: -7%;margin-top: 6%;">{{ $message->name }} --- admin2</span>
  @endif

  <p>{{ $message->text_msg }}</p>

  @if(Auth::Id() == $message->from_user)
  <span class="time-left">{{ $msg_time }}</span>
  @else
  <span class="time-right">{{ $msg_time }}</span>
  @endif
  
    
    
  

</div>
@endforeach
<!-- Chat Messages !-->

<br>

<form method="POST" action="/plantation/message/{{ $plantation->id }}" enctype="multipart/form-data">
@csrf

<div class="form-group">
<textarea  class="form-control form-control-rounded @error('text_msg') is-invalid @enderror" id="text_msg" name="text_msg" placeholder="Type Your Message Here"  autofocus>{{ old('text_msg') }}</textarea>
</div>

<br>

<div class="form-group">
<a href="/plantation-list"><button type="button" class="btn btn-light btn-round px-5">Go Back</button></a>
<button type="submit" class="btn btn-light btn-round px-5" style="float:right;">Send</button>
</div>
</form>
          
         </div>
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
<section class="content home">
   <div class="block-header">
      <div class="row">
         <div class="col-lg-5 col-md-5 col-sm-12">
            <h2>Chat
            <small>Welcome to TOF</small>
            </h2>
         </div>            
         <div class="col-lg-7 col-md-7 col-sm-12 text-right">
             
            <ul class="breadcrumb float-md-right">
               <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i>ASSAM-TOF</a></li>
               <li class="breadcrumb-item active">Chat</li>
            </ul>
         </div>
      </div>
   </div>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
               <div class="header">
                  <h2><strong>Plantation</strong> List 
                  <!-- <small>Plantation Raised On Non-forest Land</small> </h2> -->
                  <!-- <ul class="header-dropdown mb-2">
                     <li >
                        <a href="/plantation/add" class="btn btn-primary btn-sm btn-round">Add Plantation</a>
                     </li>
                  </ul> -->
               </div>
               <div class="body">
                  <div class="row clearfix">
                    <div class="col-md-12 col-lg-12">
                      <div class="chatWindow">
                        <div class="chat-conversation">
                          <ul class="list-unstyled mb-0">
							@foreach($messages as $message)