@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">{{'All Discussion Forums'}}</li>
			</ol>
				<div class="row">
					<div class="col-12 nextRw">
						<div class="">
							<form action="{{route('all-discussions')}}" 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['t_d']) )
											<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>
									<div class=" col-sm-3 pull-right">
										<select name="t_d" id="themeFilter" class="form-control" style="width:265px;margin-right:10px;" onchange="valueCheck();">
											<option value="">Project Theme</option>
											@if ( count( $themes ) > 0 )
												@foreach( $themes as $k => $v )
													<option value="{{ $v['id'] }}" {{ (isset($_GET['t_d']) && $_GET['t_d']==$v['id']) ? 'selected=selected' : '' }}>{{$v['name']}}</option>
												@endforeach
											@endif
										</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 scope="col">Title</th>
										<th scope="col">Description</th>
										<th scope="col">Category</th>
										<th scope="col" width="120px">Actions</th>
									</tr>
								</thead>
								<tbody id="volunteerBdy">	
									{{ csrf_field() }}
									@php $ctr = 0 @endphp
									@if( isset($discussions) && count($discussions) > 0 )
										@foreach($discussions as $k => $v)
											<tr>
												<td>{{ ( ( ( isset($_GET['page']) && $_GET['page'] ) ? $_GET['page'] : 1) -1) * 10 + $k + 1 }}</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>{{ $v['discussion_category']}}</td>
												<td>
													<a href="all-discussions/discussion-replies/{{$v['id']}}" class="viewReplies" id="{{$v['id']}}"><i class="fa fa-comments-o"></i> <span><small>{{ count($v['forum_replies']) }}</small></span></a>&nbsp;&nbsp;|&nbsp;&nbsp;
													<a href="javascript:void(0)" onclick="deleteDiscussion({{$v['id']}})" class="deleteDiscussion" id="{{$v['id']}}"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
													&nbsp;&nbsp;|&nbsp;&nbsp;
														<div class="onoffswitch">
													<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" 
													id="myonoffswitch_{{$v['id']}}" onclick="CloseDiscussion({{$v['id']}})" @if($v['discussion_close_status'] !='close') {{ 'checked' }} @else {{ '' }} @endif >
													<label class="onoffswitch-label" for="myonoffswitch_{{$v['id']}}">
														<span class="onoffswitch-inner"></span>
														<span class="onoffswitch-switch"></span>
													</label>
												</div>
												</td>
											</tr>
										@endforeach
									@endif
								</tbody>
							</table>
						</div>
					</div>
					@if( count($discussions)==0 )
						<div class="alert alert-info text-center col-12 nextRw">No records found</div>
					@endif
				</div>	 
					
		</div>
		@if(count($discussions) > 0)
			{{ $discussions->links() }}
		@endif
    </div>
</div>
	<script>
		function valueCheck(){
			$('#myInput').css('border','1px solid #cad1d7');
			$('#themeFilter').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 themeSelected = $('#themeFilter').val();
			if ( !searchText && !themeSelected ){
				$('#myInput').css('border','1px solid red');
				$('#themeFilter').css('border','1px solid red');
				$('.errorMsg').show();
				return false;
			} else {
				return true;
			}
		}
		
		function deleteDiscussion(id){
			var conf = confirm('Are you sure you want to delete this discussion?');
			if (!conf) return false; else {
				var dataObj = { "_token": $("input[name=_token]").val(), "id" : id }
				$.ajax({
					type:'GET',
					data: dataObj,
					url:"all-discussions/delete/"+id,
					success:function(data){
						if ( data == 'success' ){
							window.location.reload();
						}
					}
				});
			}
		}
		
		
		function CloseDiscussion(vid){
			
			
			var check = $("#myonoffswitch_"+vid).is(":checked");
			if(check)
			{
			  var checkval='open';
			}else
			{
			 var checkval='close';
			}
		
			var conf = confirm('Are you sure you want to '+checkval+' this discussion?');
			if (!conf) return false; else {
				var dataObj = { "_token": $("input[name=_token]").val(), "id" : vid,"checkval" : checkval }
				$.ajax({
					type:'GET',
					data: dataObj,
					url:"close-discussions/"+vid,
					success:function(data){
						if ( data == 'success' ){
							window.location.reload();
						}
					}
				});
			}
		}
		
	</script>
@include('layout/backend/_footer')