@extends('layouts.app')

@section('content')
        <!-- Page Content -->
        <div class="content container-fluid" style="padding: 0;">        
          <!-- Page Header -->
          <div class="project-page-header">
            @include('project.project-menu')             
          </div>
          <!-- /Page Header -->          
          <div class="row">
            <div class="col-lg-8 col-xl-9">
              <div class="card">
                <div class="card-body" style="min-height: 320px;">
                  <h5 class="card-title">Description</h5>
                 {!! $project->description !!}                 
                  
                </div>
              </div>
              
              <div class="card">
                <div class="card-body">
                  <h5 class="card-title m-b-20">Uploaded files</h5>
                  <ul class="files-list">
                @if(count($projectdocs) > 0 )
                  @foreach($projectdocs as $item)
                                      <li>
                      <div class="files-cont">
                        <div class="file-type">
                          <span class="files-icon"><i class="fa fa-file-pdf-o"></i></span>
                        </div>
                        <div class="files-info">
                          <span class="file-name text-ellipsis"><a href="{{asset('upload/project_doc/'.$item->file_name)}}" download>{{$item->file_name}}</a></span>
                          <span class="file-author"><a href="javascript:;">{{$item->userName}}</a></span> 
                          <span class="file-date">{{date('d-M-y',strtotime($item->created_at))}}</span>
                          <!-- <div class="file-size">Size: 14.8Mb</div> -->
                        </div>
                        <ul class="files-action">

                          <li class="dropdown dropdown-action">
                            <a href="" class="dropdown-toggle btn btn-link" data-toggle="dropdown" aria-expanded="false"><i class="material-icons">more_horiz</i></a>
                            <div class="dropdown-menu dropdown-menu-right">
                              <a class="dropdown-item" href="{{asset('upload/project_doc/'.$item->file_name)}}" download>Download</a>
                              <!-- <a class="dropdown-item" href="#" data-toggle="modal" data-target="#share_files">Share</a> -->
                              <a class="dropdown-item" href="javascript:void(0)">Delete</a>
                            </div>
                          </li>

                        </ul>
                      </div>
                    </li>

                    @endforeach
                    @else
                    <div class="col-md-12">    </div>
                    
                    @endif
                   
                  </ul>
                </div>
              </div>
              
            </div>
            @if( auth()->user()->role_id == 1 || auth()->user()->role_id == 2 || auth()->user()->role_id == 3 || auth()->user()->role_id == 4 || auth()->user()->role_id == 5)
            <div class="col-lg-4 col-xl-3">
              <div class="card">
                <div class="card-body">
                  <h6 class="card-title m-b-15">Project details</h6>
                  <table class="table table-striped table-border">
                    <tbody>
                      <tr>
                        <td>Created by:</td>
                        <td class="text-right"><a href="">{{ucfirst($project->first_name.' '.$project->last_name)}}</a></td>
                      </tr>
                      <tr>
                        <td>Status:</td>
                        <td class="text-right">
                          {{ $project->status}}
                        </td>
                      </tr>
                      <tr>
                        <td>Type:</td>
                        <td class="text-right">
                          @if($project->type=='product')
                            Product<small> (Recurring work) </small>
                          @endif
                          @if($project->type=='fixed')
                            Fixed Time 
                          @endif  
                        </td>
                      </tr>                     
                      <tr>
                        <td>Created at:</td>
                        <td class="text-right">{{ date('d, M, Y',strtotime($project->created_at))}}</td>
                      </tr>
                      <tr>
                        <td>Actual start at:</td>
                        <td class="text-right">{{ date('d, M, Y',strtotime($project->actual_start_date))}}</td>
                      </tr>
                      
                      @if($project->type=='fixed')
                      <tr>
                        <td>Deadline:</td>
                        <td class="text-right">{{ date('d, M, Y',strtotime($project->end_date))}}</td>
                      </tr>
                      <tr>
                        <td>Total Days:</td>
                        <td class="text-right">{{ $project->total_days}}</td>
                      </tr>
                     <!--  <tr>
                        <td>Total Hours:</td>
                        <td class="text-right">100 Hours</td>
                      </tr> -->
                      @endif  
                      
                    </tbody>
                  </table>
                  <!-- <p class="m-b-5">Progress <span class="text-success float-right">40%</span></p>
                  <div class="progress progress-xs mb-0">
                    <div class="progress-bar bg-success" role="progressbar" data-toggle="tooltip" title="40%" style="width: 40%"></div>
                  </div> -->
                </div>
              </div>
             <!-- notice -->
              <div class="card project-user">
                <div class="card-body">
                  <h6 class="card-title m-b-20 text-danger">
                    Important Notice                    
                  </h6>
                  <div style="min-height: 100px;">
                    
                  </div>
                </div>
              </div>
              <!--  -->
              <!-- <div class="card project-user">
                <div class="card-body">
                  <h6 class="card-title m-b-20">
                    Important  
                    <button type="button" class="float-right btn btn-primary btn-sm" data-toggle="modal" data-target="#assign_user"><i class="fa fa-plus"></i> Add</button>
                  </h6>                 
                </div>
              </div> -->
              <!--  -->

            </div>

            @endif

          </div>
        </div>
        <!-- /Page Content -->

         
@endsection