@include('layout/frontend/_header')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="colorlib-doctor">
	<div class="container">
		<div class="row">
            <div class="col-sm-12 breadcrumbs">
                <ol class="breadcrumb breadcrumb-2new" style="margin-bottom: 30px;">
                    <li class="breadcrumb-item"><a title="Go to IKI" href="{{ url('/') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ url('projects') }}">Projects</a></li>
					<li class="breadcrumb-item"><a href="javascript://">{{$singleProjectDet['title']}}</a></li>
                </ol>
            </div>
        </div>
		<div class="row animate-box"></div>

@if( $singleProjectDet )
    
	      <div class="row">
        <div class="col-md-12 detail-left">
        
            <div>
            <div class="zom_img_project">
						<div class="">
							@if ( count($singleProjectDet['project_attachment']) > 0 )
								@foreach( $singleProjectDet['project_attachment'] as $k => $v )
																		@break
								@endforeach
							@else
								<img class="img-fluid" id="" src="{{ PUBLIC_PATH }}/images/dummy_image.jpg" xoriginal="{{url('/')}}/images/dummy_image.jpg" title="{{$singleProjectDet['title']}}"   />
							@endif
							<div class="ico-wrap" style="margin-bottom: 50px; display:none;">
								@if ( count($singleProjectDet['project_attachment']) > 0 )
									@foreach( $singleProjectDet['project_attachment'] as $k => $v )
																			@endforeach
								@else
									<a href="#">
										<img height="50" width="70" src="{{ PUBLIC_PATH }}/images/no-image.png" xpreview="{{url('/')}}/images/no-image.png" title="{{$singleProjectDet['title']}}"   />
									</a>
								@endif
							</div>
					<!--		<div class="sideInfo">
								<h3>Themes</h3> <p class="projThm" >{{ getThemeNmByID($singleProjectDet['theme_id']) }}</p>
								<h3 style="margin-top: 30px;">Duration</h3>
								<p class="projThm"> <i class="fa fa-calendar" aria-hidden="true"></i> {{ date('d', strtotime($singleProjectDet['start_date'])) }} {{ date('M', strtotime($singleProjectDet['start_date'])) }} {{ date('Y', strtotime($singleProjectDet['start_date'])) }} to {{ date('d', strtotime($singleProjectDet['end_date'])) }} {{ date('M', strtotime($singleProjectDet['end_date'])) }} {{ date('Y', strtotime($singleProjectDet['end_date'])) }}</p>
								<h3>Authors</h3> <p class="">{{ $singleProjectDet['author_name'] }}</p>
							</div>-->
						</div>
					</div>
            </div>
            
      <h3>
							<b>{{$singleProjectDet['title']}}</b>
							<br><br>
							@if( $singleProjectDet['project_status']==0 )
							
						</h3>
						
            	<span style="padding: 8px 12px; color: #f2f2f2; background-color: green; border-radius: 30px; font-size: 15px" class="label label-info badge bg-primary">{{'On-going'}}</span>
														@elseif( $singleProjectDet['project_status']==1 )
															<span style="padding: 5px 10px; color: #f2f2f2; background-color: green; border-radius: 30px;" class="label label-success badge bg-success">{{'Completed'}}</span>
														@elseif( $singleProjectDet['project_status']==2 )
															<span style="padding: 5px 10px; color: #f2f2f2; background-color: green; border-radius: 30px;" class="label label-warning badge badge-warning">{{'On-Hold'}}</span>
														@endif
            <br>
            
						<span class="dur"><i class="fa fa-calendar" aria-hidden="true"></i>  {{ date('d', strtotime($singleProjectDet['start_date'])) }} {{ date('M', strtotime($singleProjectDet['start_date'])) }} {{ date('Y', strtotime($singleProjectDet['start_date'])) }} to {{ date('d', strtotime($singleProjectDet['end_date'])) }} {{ date('M', strtotime($singleProjectDet['end_date'])) }} {{ date('Y', strtotime($singleProjectDet['end_date'])) }}</span><br>
					
                            <h4>Description </h4>
                            {{ $singleProjectDet['description'] }}
							<br><br>
									@if(($singleProjectDet['project_partners_name'] !='') || ($singleProjectDet['project_partners_links'] !=''))
						
					<table class="table-striped table">
						<tr>
						<td style="width:70%;">Project Partners</td>
						<td style="width:50%;">Link</td>
						</tr>
						<tr>
						@if($singleProjectDet['project_partners_name'] !='')
														<td>
							@foreach($projectpartnername as $ps)
						<span style="line-height: 45px;">{{$ps}}</span><br>
						     @endforeach
					    </td>@endif
						@if($singleProjectDet['project_partners_links'])
														<td>
							@foreach($projectpartnerlink as $pl)
							@if($pl !='')
						<span style="line-height: 45px;"> <a href="{{$pl}}">Click Here</a></span><br>
					          @endif
						    @endforeach
						</td>
					    @endif
						</tr>
						
						</table>
						@endif
						@if($getlocation)
													@if($locationcount >0 )
								
							<span style="line-height: 45px;"><strong>Locations:</strong>
														@foreach($getlocation as $gs)
							@if($gs->project_state !='') 
							{{ ucfirst($gs->project_state) }}@if($gs->project_city =='') @endif
							@endif 
							@if($gs->project_city !='') 
							({{ ucfirst($gs->project_city) }})						  @endif
						 
						   						 
							@endforeach
							   </span>
							   @endif @endif
							   <br> 
					    @if($singleProjectDet['author_name'] !='')
            	       <span style="line-height: 45px;"><strong>Project Lead:</strong> {{$singleProjectDet['author_name']}}</span><br>
				         @endif
					   
					   @if($singleProjectDet['link_to_project_iki_side'] !='')
						<span style="line-height: 45px;">
					     <strong>Project Links: &nbsp;</strong> <a href="{{$singleProjectDet['link_to_project_iki_side']}}">Click Here </a></span><br>
					    @endif
						
						@if($singleProjectDet['link'] !='')
						<span style="line-height: 45px;"><strong>Link to Project Site:</strong> 
						<a href="{{$singleProjectDet['link']}}">{{$singleProjectDet['link']}}</a></span><br>
					    @endif
						@if($singleProjectDet['commissioned_by'] !='')
						<span style=""><strong>Commissioned By:</strong> {{$singleProjectDet['commissioned_by']}}</span><br>
					    @endif

        </div>
      </div>
	
        
            <div class="col-lg-12 des-bott">
                <div>
					
						
						@if ( count($singleProjectDet['project_attachment']) > 0 )
							@foreach( $singleProjectDet['project_attachment'] as $k => $v )
																		<p>
											<a href="{{PROJECT_UPLOADS}}{{$v['attachment']}}" target="_blank">
												<img height="30" width="30" src="{{PUBLIC_PATH}}{{'images/document.png'}}" >
												<span style="vertical-align:middle;">{{$v['attachment']}}</span>
											</a>
										</p>
															@endforeach
						@endif
                 <hr>
						@if ( $singleProjectDet['tags'] )
                    <!--span style="line-height: 45px;"><strong>Tags:</strong> {{ $singleProjectDet['tags'] }}</span-->
						@endif
						
						
					
						
						
						
						
						
						
					

						<!----------------------------- Please see th optimized code below for this ------------------------------>
						

<!-----------------------------------OPTIMIZED CODE TO DISPLAY THE DOCUMENTS LIST-------------------------->
	
	@if ( $singleProjectDet['allDocs'] && count($singleProjectDet['allDocs']) > 0 )
		@foreach( $singleProjectDet['allDocs'] as $k => $v )
			<!-- Display Document title except for the Other -->
			@if ( $k != 'Other' )
				@if ( $currentUserRole != '' )
					@if( isset($counts[$k])  )
						@if ( isset($counts[$k]['logged_in']) && $counts[$k]['logged_in'] >= 1 && !isset($counts[$k]['public']) )
							<p class="col-md-12" style="margin-bottom: 0px;padding-left: 0;">{{ $k }}</p>
						@elseif ( isset($counts[$k]['public']) && $counts[$k]['public'] >= 1 && !isset($counts[$k]['logged_in']) )
							<p class="col-md-12" style="margin-bottom: 0px;padding-left: 0;">{{ $k }}</p>
						@elseif ( isset($counts[$k]['logged_in']) && $counts[$k]['logged_in'] >= 1 && isset($counts[$k]['public']) && $counts[$k]['public'] >= 1 )
							<p class="col-md-12" style="margin-bottom: 0px;padding-left: 0;">{{ $k }}</p>
						@endif
					@endif
				@else 
					@if( isset($counts[$k])  )
						@if ( isset($counts[$k]['public']) && $counts[$k]['public'] >= 1 )
							<p class="col-md-12" style="margin-bottom: 0px;padding-left: 0;">{{ $k }}</p>
						@endif
					@endif
				@endif
			@endif

			<!-- Display list of documents -->
					@foreach( $v as $i => $j )
			
				@if ( $j['permissions_access'] == 'public' )
					
					@if ( $j['document_types'] != 'Video' && $j['document_types'] != 'Other' )
						<h5 class="col-md-12" style="margin-bottom: 12px;padding-left: 0;">
							<i class="fa fa-file-text-o" aria-hidden="true" style="font-size: 18px;vertical-align: middle;"></i>&nbsp;&nbsp;
							<a href="{{ PROJECT_UPLOADS }}{{ $j['documents'] }}" title="{{ $j['document_titles'] }}" target="_blank">{{ $j['document_titles'] }}</a>
						</h5>
					@else 
						@if ( $j['document_types'] == 'Document Links' )
							<div class="col-md-6" style="margin-bottom:15px;">
								<a href="{{$j['document_links']}}">{{$j['document_links']}}</a>
								<small style="font-size: 80%;color: #3ca4ee;">{{ $j['document_titles'] }}</small>
							</div>
						@endif	
						@if ( $j['document_types'] == 'Video' )
							<div class="col-md-6" style="margin-bottom:15px;">
								<video width="240" height="190" controls poster="{{ PUBLIC_PATH }}images/play_video.png"> 
									<source src="{{ $j['video_links'] }}" type="video/mp4"> 
								</video>
								<small style="font-size: 80%;color: #3ca4ee;">{{ $j['document_titles'] }}</small>
							</div>
							
							
											
						
						@else 
							<h4 class="col-md-12" style="margin-bottom: 0px;padding-left: 0;">{{ $j['other_values'] }}</h4>
						
					<br>

                                <button class="btn btn-custome"><a href="{{ PROJECT_UPLOADS }}{{ $j['documents'] }}" title="{{ $j['document_titles'] }}" target="_blank">Download File: <i class="fa fa-cloud-download" style="color:#fff;"></i></a></button>
                                
								<!--<strong>Download File:&nbsp;</strong> <i class="fa fa-file-text-o" aria-hidden="true" style="font-size: 18px;vertical-align: middle;"></i>&nbsp;&nbsp;
								<a href="{{ PROJECT_UPLOADS }}{{ $j['documents'] }}" title="{{ $j['document_titles'] }}" target="_blank">{{ $j['document_titles'] }}</a>-->
							
						@endif
					@endif
				@else
										@if ( $currentUserRole != '' )
						@if ( $j['document_types'] != 'Video' && $j['document_types'] != 'Other' && $j['document_types'] != 'Document Links' )
							<h5 class="col-md-12" style="margin-bottom: 12px;padding-left: 0;">
								<i class="fa fa-file-text-o" aria-hidden="true" style="font-size: 18px;vertical-align: middle;"></i>&nbsp;&nbsp;
								<a href="{{ PROJECT_UPLOADS }}{{ $j['documents'] }}" title="{{ $j['document_titles'] }}" target="_blank">{{ $j['document_titles'] }}</a>
							</h5>
						
								
								
								
							@else 
								@if ( $j['document_types'] == 'Document Links' )
							<div class="col-md-6" style="margin-bottom:15px;">
								<a href="{{$j['document_links']}}">{{$j['document_links']}}</a>
								<small style="font-size: 80%;color: #3ca4ee;">{{ $j['document_titles'] }}</small>
							</div>
						    @endif	
								
								@if ( $j['document_types'] == 'Video' )
								<div class="col-md-6" style="margin-bottom:15px;">
									<video width="240" height="190" controls poster="{{ PUBLIC_PATH }}images/play_video.png"> 
										<source src="{{ $j['video_links'] }}" type="video/mp4"> 
									</video>
									<small style="font-size: 80%;color: #3ca4ee;">{{ $j['document_titles'] }}</small>
								</div>
								
						@else 
							
								
							@endif
							
						@endif
					@endif
				@endif
			@endforeach
		@endforeach
	@endif 
	<!----------------------------------------------------------------------------------------------------------------------->

					
					
                </div>
            </div>

	@else 
									<p class="alert alert-info text-center">No new records found</p>
								@endif	
            
		
		
		
	</div>
</div>
@include('layout/frontend/_footer')
<style>
span.dur {
    background-color: #0b2154;
    font-size: 15px;
    color: #fff;
    padding: 4px 12px;
    /* margin-top: 34px; */
    line-height: 54px;
    border-radius: 13px;
}
</style>