@extends('layouts.app')

@section('content')

<div class="container">
  <div class="panel panel-default tech-service-page"> 
     <div class = "panel-heading">
      <div class="row">
        <div class="col-md-8">
          <h2> {{ ucfirst($notification->subject)}}</h2><div class="star" ></div>
        </div>      
       </div>
      </div>

  <div class="panel-body" style="min-height: 750px;"> 
      <div class="tools has_tools_in_project has_tools_not_in_project">
            <div class="group in_project">             
               Posted By  <b>Admin -</b>  
               {{ date('d, M Y, h:i A',strtotime($notification->created_at))}}             
            </div>          
      </div> 

 <div class="" style="min-height: 170px; display: block;">
     <div class="col-md-1">
      <a data-replace-stack="true" href="/2573162/people/16781469"><img alt="user" class="avatar" src="{{ asset('images/ts-avtar-40.png') }}" title="user" width="59" height="59"></a>
    </div>
    <div class="col-md-8 postData" style="font-size: 16px;">
    
    <h3 style="font-weight: 500; margin-top: 0px;">  {{ ucfirst($notification->subject)}}</h3>
    <p>{!! $notification->text !!}</p>
    </div>
    <div class="col-md-3">
 </div>  

<!-- post document section -->
<div class="row">
<section class="comment-section" >
  <hr>
  @if(count($notificationdocs) > 0)
<h4 style="">Files</h4>

<!-- comment list -->
<div style="display: block; position: relative;" class="" >
      @foreach($notificationdocs as $item)
            <div class="col-md-4">
        <div class="doc-itme" style="min-height: 150px;text-align: center; padding: 30px 15px; object-fit: cover; display: block; border:1px solid #ddd;">
          <a href="{{asset('upload/notification_doc/'.$item->document)}}" title="" download="{{$item->document}}"><img class="doc-icon" src="{{asset($type)}}" alt="" title="" /></a>
         <p style="padding-top: 8px; color: #717171"> <small>Added By <b>Admin</b> on {{date('d-M-y',strtotime($item->created_at))}}</small></p>
        </div>
      </div>
 @endforeach
 @endif
</div>
</section>
</div> 
</div>
</div>
</div>    
         
@endsection