@extends('layouts.app')

@section('content')

    <!-- Page Content -->
    <div class="content container-fluid" style="padding: 2px;">
    
      <!-- Page Header -->
      <div class="project-page-header">
        @include('project.project-menu') 
        
      </div>
      <!-- /Page Header -->
      
      <div class="chat-main-row">
          <div class="chat-main-wrapper chat-custom-size-2">
            
            <div class="col-lg-6 message-view task-chat-view task-right-sidebar" id="task_window">
              <div class="chat-window">
                <div class="fixed-header">
                  <div class="navbar">
                    <div class="task-assign">
                      <a class="task-complete-btn" id="" href="/project/newPost/{{ base64_encode($project->id)}}">
                        <i class="la la-plus"></i> Post an update
                      </a>
                    </div>
                    <ul class="nav float-right custom-menu">
                      <!-- <li class="dropdown dropdown-action">
                        <a href="" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="material-icons">more_vert</i></a>
                        <div class="dropdown-menu dropdown-menu-right">                          
                          <a class="dropdown-item" href="javascript:void(0)">Settings</a>
                        </div>
                      </li> -->
                    </ul>
                  </div>
                </div>
                <div class="chat-contents task-chat-contents">
                  <div class="chat-content-wrap">
                    <div class="chat-wrap-inner">
                      <div class="chat-box">
                        
                        <div class="chats discussion-cover">
                            <div class="header-text row">
                                <div class="col-lg-6">
                                  <div class="content-left">
                                    <h4>Discussions/Updates</h4>
                                  </div>
                                </div>
                                <div class="col-lg-6">
                                  <div class="content-right">
                                    <ul class="list-inline list-items-header">
                                      <li><a><i class="fa fa-link"></i></a></li>
                                      <!-- <li><a><i class="fa fa-address-book"></i></a></li> -->
                                      <li><a><i class="fa fa-bars"></i></a></li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                                                    
                          <table class="table list-data list-table-data">
                          @if($projectUpdate->count() > 0)
                          @foreach($projectUpdate as $item)
                            <tr>
                              <td class="avatar-t1"><a href="" class="avatar">
                                  <img src="{{Techsaga::getUserImage($item->user_id)}}" title="{{ ucfirst($item->first_name).' '.$item->last_name}}" alt="">
                                </a>
                              </td>
                              <td class="ename-t1"><a href="#" style="font-size: 14px;">{{ ucfirst($item->first_name).' '.$item->last_name}}</a></td>
                              <td class="pname-t1"><a class="subject-data" style="color: #625f5f;" href="/project/updateDetail/{{$item->id}}"><span class="subject-h3" style="font-size: 16px; color: #282727;">{{ ucfirst(strip_tags($item->name))}}</span>-  
                                {!! ucfirst(strip_tags((str_limit($item->text,150)))) !!}</a></td>
                              <!-- <td></td> -->
                              <td class="date-t1"><a href="#">{{ date('d, M-Y', strtotime($item->postDate)) }}</a></td>
                              <td class="badge-t1"><span class="tags-number">{{Techsaga::postCommentCounter($item->id)}}</span></td>
                              
                            </tr>
                          @endforeach
                          @else
                          <div style="padding: 30px; min-height: 350px; ">
                            <h4 class="text-center">It's seems like no updates yet!</h4>
                          </div>
                          @endif

                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div>
            
    </div>
    <!-- /Page Content -->
     <style>
      .subject-h3:hover{text-decoration: underline;}
      .list-table-data{
        width:100%;
      }
      .chat-custom-size-2{
        width: 90%;
        margin:auto;
      }
      .ename-t1{
        width:15%;
      }
      td.date-t1{
        width:10%;
        text-align: right;
      }
      .avatar-t1{
        width:4%;
      }
      .badge-t1{
        width:5%;
      }
      .pname-t1{
        width:65%;
      }
     </style>
                 
@endsection