@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"><a href="javascript://">Search results</a></li>
			</ol>
			
			<div class="row">
				<div class="col-12 nextRw">
					<div class="">
						<h3 class="mb-0">
							<div class="pull-right">
								<button style="" class="srch-btn" id="myBtn" value="Search" onClick="return checkIfValue();" type="button">
									<i style="padding:2px 7px 9px 7px;" class="fa fa-search"></i>
								</button>
								@if ( isset($filters['s_k']) || isset($filters['s_t']) || isset($filters['t_d']) || isset($filters['ct_nm']) ) 
									<button style="" class="srch-btn" id="clearBtn" value="Clear" onClick="clearFilters()" type="button"><i style="padding:2px 7px 9px 7px;" class="fa fa-times"></i></button>
								@endif
							</div>
							<div class=" col-sm-3 pull-right">
								<select name="ct_nm" id="categoryFilter" style="width: 250px;" class="form-control fm-gs" onchange="valueCheck(); document.getElementById('myBtn').click();">
									<option value="">Project Category</option>
									<option value="Global" {{ (isset($filters['ct_nm']) && $filters['ct_nm']=='Global') ? 'selected=selected' : '' }}>Global</option>
									<option value="Regional" {{ (isset($filters['ct_nm']) && $filters['ct_nm']=='Regional') ? 'selected=selected' : '' }}>Regional</option>
									<option value="Bilateral" {{ (isset($filters['ct_nm']) && $filters['ct_nm']=='Bilateral') ? 'selected=selected' : '' }}>Bilateral</option>
								</select>
							</div>
							<div class=" col-sm-3 pull-right">
								<select name="t_d" id="themeFilter" class="form-control fm-gs" style="width: 269px;" onchange="valueCheck(); document.getElementById('myBtn').click();">
									<option value="">Project Theme</option>
									@if ( count( $themes ) > 0 )
										@foreach( $themes as $k => $v )
											<option value="{{ $v['id'] }}" {{ (isset($filters['t_d']) && $filters['t_d']==$v['id']) ? 'selected=selected' : '' }}>{{$v['name']}}</option>
										@endforeach
									@endif
								</select>
							</div>
							<div class=" col-sm-3 pull-right">
								<input type="text" placeholder="Search..." style="width: 268px;" class="form-control fm-gs" name="s_t" id="s_t" onkeydown="if (event.keyCode == 13) document.getElementById('myBtn').click()" onkeyup="valueCheck();" placeholder="Search" value="{{ ( ( $filters && isset($filters['s_t']) && $filters['s_t'] ) ? $filters['s_t'] : $filters['s_k'] ) }}" />
							</div>
						</h3>
					</div>
				</div>
				
				<div class="col-12 nextRw">
					<h3 class="" style="text-decoration: underline;">Projects</h3>
					<div id="projects-slider" style="max-height: 320px;overflow-y: scroll;border: 1px solid #ddd;border-radius: 5px;padding: 20px 0px 20px 0px;background: #f1f4fa;">
						@if( $projects && count($projects) > 0 )
							@foreach( $projects as $k => $v )
								<div class="col-12">
									<div class="wrap" style="padding: 0.7rem 0.7rem 0.4rem 0.7rem;margin-bottom: 0.7rem;">
										<div class="ico-wrap">
											@if ( count($v['project_attachment']) > 0 && $v['project_attachment'][0]['attachment'] )
																								<img style="height:70px;width:70px;margin-right: 12px;" src="{{ $singleImage }}" title="{{$v['title']}}" />
											@else 
												<img style="height:70px;width:70px;margin-right: 12px;" class="text-center" src="{{ URL::asset('images/no-image.png') }}" title="{{$v['title']}}" />
											@endif
										</div>
										<div class="text-wrap vcenter">
											<h4 class="" style="margin-bottom:0px;margin-top: -10px;">
												<a href="single-project/{{ encrypt_decrypt('encrypt', $v['id'])}}" title="{{$v['title']}}" class="headng" style="font-size: 16px;margin-bottom: 2px;color: #0056b3;">{{$v['title']}}</a>
												@if( $v['project_status']==0 )
													<span style="font-size: 50%;vertical-align: text-top;text-align: right;padding: 3px 5px 5px 5px;font-weight:600;position: absolute;right: 21px;background: #5bc0de;color: #fff;border-radius: 5px;top: 6px;" class="label label-info pull-right">{{'On-going'}}</span>
												@elseif( $v['project_status']==1 )
													<span style="font-size: 50%;vertical-align: text-top;text-align: right;padding: 3px 5px 5px 5px;font-weight:600;position: absolute;right: 21px;background: #5bc0de;color: #fff;border-radius: 5px;top: 6px;" class="label label-success pull-right">{{'Completed'}}</span>
												@elseif( $v['project_status']==2 )
													<span style="font-size: 50%;vertical-align: text-top;text-align: right;padding: 3px 5px 5px 5px;font-weight:600;position: absolute;right: 21px;background: #5bc0de;color: #fff;border-radius: 5px;top: 6px;" class="label label-warning pull-right">{{'On-Hold'}}</span>
												@endif
											</h4>
											<span style="display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"><i class="fa fa-users"></i> Author(s): {{$v['author_name']}}</span> | 
											<span class="" style="padding: 5px;display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"> <i class="fa fa-calendar" aria-hidden="true"></i> {{ date('d', strtotime($v['start_date'])) }} {{ date('M', strtotime($v['start_date'])) }} {{ date('Y', strtotime($v['start_date'])) }} to {{ date('d', strtotime($v['end_date'])) }} {{ date('M', strtotime($v['end_date'])) }} {{ date('Y', strtotime($v['end_date'])) }}</span><br/>
											<span>
												<span style="display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;">Theme: {{ getThemeNmByID($v['theme_id']) }}</span> | <span style="display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;">Category: {{ $v['project_category'] }}</span>
											</span>
										</div>
									</div>
								</div>
							@endforeach
						@else 
							<p style="margin: 0px;" class="alert alert-info text-center">No records found for the search</p>
						@endif
					</div>
				</div>
				
				<div class="col-12 nextRw">
					<h3 class="" style="text-decoration: underline;margin-top:30px;">Events</h3>
					<div id="events-slider" style="max-height: 320px;overflow-y: scroll;border: 1px solid #ddd;border-radius: 5px;padding: 20px 0px 20px 0px;background: #f1f4fa;">
						@if( $events && count($events) > 0 )
							@foreach( $events as $k => $v )
								<div class="col-12">
									<div class="wrap events" style="padding: 0.7rem 0.7rem 0.4rem 0.7rem;margin-bottom: 0.7rem;">
										<div class="text-wrap vcenter" style="padding-left: 10px;">
											<h4 style="margin-bottom:0px;margin-top:-10px;">
												<a href="single-event/{{ encrypt_decrypt('encrypt', $v['id'])}}" title="{{$v['title']}}" class="headng" style="font-size: 16px;margin-bottom: 2px;color: #0056b3;">{{$v['title']}}</a>
											</h4>
											<span style="display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"><i class="fa fa-users"></i> Coordinator(s): {{$v['event_coordinator']}}</span> | 
											<span class="" style="padding: 5px;display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"> 
												<i class="fa fa-calendar" aria-hidden="true"></i> {{ date('d', strtotime($v['start_date'])) }}-{{ date('d', strtotime($v['end_date'])) }} {{ date('M', strtotime($v['end_date'])) }} {{ date('Y', strtotime($v['end_date'])) }}
											</span> | <span class="" style="padding: 5px;display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"><i class="fa fa-map-marker" aria-hidden="true"></i> {{$v['venue']}}</span><br/>
											<span>
												<a style="text-decoration:underline;font-size:14px;" href="single-event/{{ encrypt_decrypt('encrypt', $v['id'])}}" title="Read More">Read More &rarr;</a>
											</span>
										</div>
									</div>
								</div>
							@endforeach
						@else 
							<p style="margin: 0px;" class="alert alert-info text-center">No records found for the search</p>
						@endif
					</div>	
				</div>
				
				<div class="col-12 nextRw">
					<h3 class="" style="text-decoration: underline;margin-top:30px;">Newsletters</h3>
					<div id="newsletters-slider" style="max-height: 320px;overflow-y: scroll;border: 1px solid #ddd;border-radius: 5px;padding: 20px 0px 20px 0px;background: #f1f4fa;">
						@if( $news_letters && count($news_letters) > 0 )
							@foreach( $news_letters as $k => $v )
								<div class="col-12">
									<div class="wrap" style="padding: 0.7rem 0.7rem 0.4rem 0.7rem;margin-bottom: 0.7rem;">
										<div class="ico-wrap">
											@if ( $v['display_image'] && $v['display_image'] != '' )
												<img class="img-responsive" style="height:70px;width:70px;margin-right: 12px;" title="Newsletter Image" src="{{ NEWSLETTER_UPLOADS }}{{$v['display_image']}}" alt="Newsletter Image">
											@else
												<img class="img-responsive" style="height:70px;width:70px;margin-right: 12px;" src="../images/no-image-small.jpg" title="Newsletter Image" alt="Newsletter Image">
											@endif
										</div>
										<div class="text-wrap vcenter">
											<h4 class="" style="margin-bottom:0px;margin-top: -10px;">
												<a href="javascript://" title="{{$v['title']}}" class="headng" style="font-size: 16px;margin-bottom: 2px;color: #0056b3;">{{$v['title']}}</a>
											</h4>
											<span style="display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;">
												{!! str_limit($v['description'], $limit = 165, $end = '...') !!}
											</span><br/>
											<span style="display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"><i class="fa fa-users"></i> Partner(s): {{$v['partner_details']}}</span> | 
											<span class="" style="padding: 5px;display: inline-block;font-size: 13px;color: #808080;transition: all 0.3s ease 0s;"> <i class="fa fa-file-text-o" aria-hidden="true"></i> <a href="{{NEWSLETTER_UPLOADS}}{{ $v['attachment'] }}" title="Attachment">{{ $v['attachment'] }}</a></span>
										</div>
									</div>
								</div>
							@endforeach
						@else 
							<p style="margin: 0px;" class="alert alert-info text-center">No records found for the search</p>
						@endif
					</div>
				</div>
				
			</div>
		</div>
	</div>
</div>
@include('layout/backend/_footer')
<script type="text/javascript">
	function filterAsPerStatus(status, event){
		var status = status; 
		$(".timeline li").each(function(){
			$(this).hide();
			if($(this).attr('data-status') == status) {
				$(this).show();
			}
		});
	}
	$(document).ready(function(){
		filterAsPerStatus('1', event);
	});
	function valueCheck(){
		$('#categoryFilter').css('border','1px solid #cad1d7');
		$('#themeFilter').css('border','1px solid #cad1d7');
		$('.errorMsg').hide();
	}
	function checkIfValue(){
		var searchText = $('#categoryFilter').val();
		var themeFilter = $('#themeFilter').val();
		var textFilter = $('#s_t').val();
		if ( !searchText && !themeFilter && !textFilter ){
			$('#categoryFilter').css('border','1px solid red');
			$('#themeFilter').css('border','1px solid red');
			$('#s_t').css('border','1px solid red');
			$('.errorMsg').show();
			return false;
		}
		filterRecords();
	}
	function clearFilters(){
		var url = window.location.href;
			url = url.split('?')[0];
		window.location.href = '{{ SITE_URL }}/dashboard'; //url;
	}
</script>