@include('layout/backend/_header')
@include('layout/backend/_navbar')
<div id="wrapper">
	@include('layout/backend/_sidebar')
    <div id="content-wrapper">
		<div class="container-fluid">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">
					<a href="{{route('dashboard')}}">Dashboard</a>
				</li>
				<li class="breadcrumb-item active">@if ( $currentUserRole == 'admin' ) {{'All Projects'}} @else {{'Your Projects'}} @endif <a style="margin-left: 755px;" href="{{ route('add-project') }}" class="clearFilter text-right btn btn-primary btn-sm" title="Add Project"><i class="fa fa-plus"></i> Add Project</a></li>
			</ol>
				<div class="row">
					<div class="col-12 nextRw">
						<div class="">
							<form action="{{route('all-projects')}}" method="GET">
								<h3 class="mb-0">
									<div class="pull-right">
										<input type="submit" class="srch-btn btn btn-md btn-primary" id="myBtn" value="Search" onClick="return checkIfValue()" />
										@if ( isset($_GET['s_t']) || isset($_GET['pi_nm']) || isset($_GET['status']) )
											<a href="javascript://" class="clearFilter btn btn-md btn-default" title="Clear Filters" style="border: 1px solid #ddd;" onClick="clearFilters()"><i style="font-size:16px;" class="fa fa-times"></i></a>
										@endif
									</div>
									<div class=" col-sm-3 pull-right">
										<input type="text" class="form-control" name="s_t" id="myInput" onkeyup="valueCheck();" placeholder="Search" value="{{ (isset($_GET['s_t']) && $_GET['s_t']) ? $_GET['s_t'] : '' }}" />
									</div>
									@if( $currentUserRole == 'admin' )
									<div class=" col-sm-3 pull-right" style="margin-right: -25px;">
										<select name="pi_nm" id="searchByPInm" class="form-control" onChange="valueCheck();">
											<option value="">Select PI name</option>
											@foreach($pis as $k => $v)
												<option value="{{$v['user']['id']}}" {{ (isset($_GET['pi_nm']) && $v['user']['id']==$_GET['pi_nm']) ? 'selected=selected' : '' }}>{{ucfirst($v['user']['first_name'])}} {{ucfirst($v['user']['last_name'])}} <span style="font-size:11px;text-decoration:underline;">({{$v['user']['email']}})</span></option>
											@endforeach
										</select>
									</div>
									@endif
									<div class=" col-sm-3 pull-right" style="margin-right: -25px;">
										<select name="status" id="searchByProjectStatus" class="form-control" onChange="valueCheck();">
											<option value="">Select Status</option>
											<option value="pending" {{ (isset($_GET['status']) && $_GET['status']=='pending') ? 'selected=selected' : '' }}>Pending for Approval</option>
											<option value="approved" {{ (isset($_GET['status']) && $_GET['status']=='approved') ? 'selected=selected' : '' }}>Approved</option>
										</select>
									</div>
								</h3>
							</form>
						</div>
					</div>
					@if(Session::has('success'))
						<div class="col-12">
							<div class="alert alert-success">
								<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>    
								<span class="glyphicon glyphicon-ok"></span><em> {!! session('success') !!}</em>
							</div>
						</div>
					@endif
					<div class="col-12 nextRw">
						<div class="table-responsive">
							<table  class="table align-items-center table-flush" id="volunteers">
								<thead  class="thead-light">
									<tr>
										<th scope="col">S.no.</th>
										<th width="15%" scope="col">Title</th>
										<th width="25%" scope="col">Description</th>
										<th width="20%" scope="col">Project PI</th>
										<th width="12%" scope="col">Start Date</th>
										<th width="12%" scope="col">End Date</th>
										<th scope="col" width="120px">Actions</th>
									</tr>
								</thead>
								<tbody id="volunteerBdy">	
									{{ csrf_field() }}
									@if( isset($projects) && count($projects) > 0 )
										@if ( $currentUserRole == 'admin' )
											@foreach($projects as $k => $v)
												<tr>
													<td>{{ $k+1+(( ( (isset($_GET['page'])) ? $_GET['page'] : 1 )-1)*10) }}</td>
													<td>{{ ( ( strlen($v['title']) > 50 ) ? ucfirst( substr($v['title'], 0, 48) ).'...' : ucfirst($v['title']) ) }}</td>
													<td>{{ ( ( strlen($v['description']) > 50 ) ? ucfirst( substr($v['description'], 0, 48) ).'...' : ucfirst($v['description']) ) }}</td>
													<td>
														@php $piIDs = $v['pi_ids']; $i = 0; $total = count($piIDs); @endphp 
														@foreach($piIDs as $pk => $pv)
															@php $i++; @endphp
															{{ ' - ' }} {{ getUserNameByID($pv) }}
															@if ( $i != $total )
																<br/>
															@endif
														@endforeach
													</td>
													<td>{{ date('M, d Y', strtotime($v['start_date'])) }}</td>
													<td>{{ date('M, d Y', strtotime($v['end_date'])) }}</td>
													<td>
														<a href="all-projects/edit/{{$v['id']}}" title="Edit Event" class="actions"><i class="fa fa-pencil-square-o"></i></a>
														&nbsp;|&nbsp; <a href="javascript:void(0)" onclick="deleteProject({{$v['id']}})" class="deleteProject" id="{{$v['id']}}"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
														@if( $v['status']==0 )
															&nbsp;|&nbsp; <a href="javascript:void(0)" onclick="approveProject({{$v['id']}})" title="Approve Event" class="approveProject" id="{{$v['id']}}"><i class="fa fa-check"></i></a>
														@else
															&nbsp;|&nbsp; <a href="javascript:void(0)" onclick="backToUnpublishProject({{$v['id']}})" title="Back to Un publish" class="unPublishEvent" id="{{$v['id']}}"><i class="fa fa-times"></i></a>
														@endif
													</td>
												</tr>
											@endforeach
										@else
											@if( isset($projects) && count($projects) > 0 )
												@foreach($projects as $k => $v)
													@if($v['project_det'])
														<tr>
															<td>{{ $k+1+(( ( (isset($_GET['page'])) ? $_GET['page'] : 1 )-1)*10) }}</td>
															<td>{{ ( ( strlen($v['project_det']['title']) > 50 ) ? ucfirst( substr($v['project_det']['title'], 0, 48) ).'...' : ucfirst($v['project_det']['title']) ) }}</td>
															<td>{{ ( ( strlen($v['project_det']['description']) > 50 ) ? ucfirst( substr($v['project_det']['description'], 0, 48) ).'...' : ucfirst($v['project_det']['description']) ) }}</td>
															<td>
															
																@php $piIDs = $v['project_det']['pi_ids']; $i = 0; @endphp
																@if ( isset($piIDs) && is_array($piIDs) && count($piIDs) > 1 )
																	@foreach($piIDs as $pk => $pv)
																		@php $i++; @endphp
																		{{ ' - ' }} {{ getUserNameByID($pv) }}
																		@if ( $i != count($piIDs) )
																			<br/>
																		@endif
																	@endforeach
																@else 
																	{{ ' - ' }} {{ getUserNameByID($piIDs) }}
																@endif
															</td>
															<td>{{ date('M, d Y', strtotime($v['project_det']['start_date'])) }}</td>
															<td>{{ date('M, d Y', strtotime($v['project_det']['end_date'])) }}</td>
															<td>
																<a href="all-projects/edit/{{$v['project_det']['id']}}" title="Edit Project" class="actions"><i class="fa fa-pencil-square-o"></i></a>
																&nbsp;|&nbsp; <a href="javascript:void(0)" onclick="deleteProject({{$v['project_det']['id']}})" class="deleteProject" id="{{$v['project_det']['id']}}"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
															</td>
														</tr>
													@endif
												@endforeach
											@endif
										@endif
									@endif
								</tbody>
							</table>
						</div>
					</div>
					@if( count($projects)==0 )
						<div class="alert alert-info text-center col-12 nextRw">No records found</div>
					@endif
				</div>	 
					
		</div>
		@if(count($projects) > 0)
			{{ $projects->links() }}
		@endif
    </div>
</div>
	<script>
		function valueCheck(){
			$('#myInput').css('border','1px solid #cad1d7');
			$('#searchByPInm').css('border','1px solid #cad1d7');
			$('#searchByProjectStatus').css('border','1px solid #cad1d7');
			$('.errorMsg').hide();
		}

		function clearFilters(){
			var url = window.location.href;
				url = url.split('?')[0];
			window.location.href = url;
		}
		
		function checkIfValue(){
			var searchText = $('#myInput').val();
			var searchPI = $('#searchByPInm').val();
			var searchStatus = $('#searchByProjectStatus').val();
			if ( !searchText && !searchPI && !searchStatus ){
				$('#myInput').css('border','1px solid red');
				$('#searchByPInm').css('border','1px solid red');
				$('#searchByProjectStatus').css('border','1px solid red');
				$('.errorMsg').show();
				return false;
			} else {
				return true;
			}
		}
		
		function approveProject(id){
			var conf = confirm('Are you sure you want to mark this project as approved?');
			if (!conf) return false; else {
				var dataObj = { "_token": $("input[name=_token]").val(), "id" : id }
				$.ajax({
					type:'GET',
					data: dataObj,
					url:"all-projects/approve-project/"+id,
					success:function(data){
						if ( data == 'success' ){
							window.location.reload();
						}
					}
				});
			}
		}
		
		function backToUnpublishProject(id){
			var conf = confirm('Are you sure you want to move this project back to un publish?');
			if (!conf) return false; else {
				var dataObj = { "_token": $("input[name=_token]").val(), "id" : id }
				$.ajax({
					type:'GET',
					data: dataObj,
					url:"all-projects/unpublish-project/"+id,
					success:function(data){
						if ( data == 'success' ){
							window.location.reload();
						}
					}
				});
			}
		}
		
		function deleteProject(id){
			var conf = confirm('Are you sure you want to delete this project?');
			if (!conf) return false; else {
				var dataObj = { "_token": $("input[name=_token]").val(), "id" : id }
				$.ajax({
					type:'GET',
					data: dataObj,
					url:"all-projects/delete/"+id,
					success:function(data){
						if ( data == 'success' ){
							window.location.reload();
						}
					}
				});
			}
		}
	</script>
@include('layout/backend/_footer')