@include('layout/frontend/_header')
<div id="colorlib-doctor">
	<div class="container">
		<div class="row">
            <div class="col-sm-12 breadcrumbs">
                <ol class="breadcrumb breadcrumb-2new">
                    <li class="breadcrumb-item"><a title="Go to IKI" href="{{ url('/') }}">Home</a></li>
					@if ( ( isset($_GET['ct_nm']) ) || ( isset($_GET['t_d']) ) )
						<li class="breadcrumb-item"><a href="{{ url('news') }}">News</a></li>
					@else 
						<li class="breadcrumb-item"><a href="javascript://">News</a></li>
					@endif
					
                </ol>
            </div>
        </div>
	
		@if ( isset($_GET['t']) && $_GET['t'] )
			<div class="row">
				<div class="col-sm-12">
					<h4 class="text-center"><span style="color: #3c97e8;font-weight: 600;"><h2><b>{{ getThemeNmByID($_GET['t_d']) }}</b></h2></span></h4>
					<p class="text-center">{{ getThemeDescByID($_GET['t_d']) }}</p>
					@if(getThemeLinkByID($_GET['t_d']))
					<span class="text-center col-md-6 col-md-offset-3"><a href="{{ getThemeLinkByID($_GET['t_d']) }}" target="_blank"
				    class="btn btn-info">Know More</a></span>
			         @endif
				</div>
			</div>
		@endif
	
		<div class="row animate-box">
			<div class="text-center colorlib-heading" @if ( isset($_GET['t']) && $_GET['t'] ) style="margin-bottom:0px;" @endif>
				<h2>News</h2>
			</div>
		</div>
		<div class="row">
			@if ( !isset($_GET['t']) )
				<form action="{{url('news')}}" method="GET" class="pull-right" style="margin-right: 15px;">
					<p class="" style="display:inline-flex; margin-bottom:0px; float:right;">
						<input type="text" class="form-control" name="s_t" id="myInput" style="width:275px;margin-right:10px;" onkeyup="valueCheck();" placeholder="Search" value="{{ (isset($_GET['s_t']) && $_GET['s_t']) ? $_GET['s_t'] : '' }}" />
						
					
						<select name="t_d" id="themeFilter" class="form-control form-cntr" style="width:275px;margin-right:10px;" onchange="valueCheck();">
							<option value="">Project Theme</option>
							@if ( count( $themes ) > 0 )
								@foreach( $themes as $k => $v )
									<option value="{{ $v['name'] }}" {{ (isset($_GET['t_d']) && $_GET['t_d']==$v['name']) ? 'selected=selected' : '' }}>{{$v['name']}}</option>
								@endforeach
							@endif
						</select>
			
						<!---new implementation--->
						
						<button style="margin-left:10px;" class="srch-btn" id="myBtn" value="Search" onClick="return checkIfValue()" type="submit"><i style="padding: 10px 10px; color: #fff" class="fa fa-search"></i></button>
						@if ( isset($_GET['ct_nm']) || isset($_GET['t_d']) || isset($_GET['s_t']) || isset($_GET['ct_st']) )
							<button style="margin-left:4px;" class="srch-btn" id="clearBtn" value="Clear" onClick="clearFilters()" type="button"><i style="padding: 10px 10px; color: #fff" class="fa fa-times"></i></button>
						@endif
					</p>
					<p style="margin:0px;"><span class="errorMsg" style="display:none;font-size:11px;color:red;">Please select theme or category to filter the projects.</span></p>
				</form>
			@endif
			
			<section>


	
		<div class="row mbr-justify-content-center" style="padding-top: 20px">

				@if( $getnews && count($getnews) > 0 )
			
			@foreach( $getnews as $k => $v )
			<div class="col-sm-3">
			<div class="">
			
			<div class="card">
			
			  @if ($v['news_image'] != '')
														<img  src="{{ $singleImage }}" title="{{$v['title']}}" class="card-img-top" />
							@else 
                      		<img  class="text-center" src="{{ URL::asset('images/no-image.png') }}" title="{{$v['title']}}" >
                      	@endif
			  <div class="card-body">
				<h5 class="card-title-news"><a href="single-news/{{ encrypt_decrypt('encrypt', $v['id'])}}" title="{{$v['news_title']}}" class="headng headng_2">{{ ucfirst($v['news_title'])}}</a></h5>
				<small class="card-text date"> <i class="fa fa-calendar"></i> {{ $v['news_month']  }} | {{ ucfirst($v['news_year']) }}</small>
				<p></p>
				<a href="single-news/{{ encrypt_decrypt('encrypt', $v['id'])}}" class="btn btn-sm custombtn">Read More &rarr;</a>
				
			  </div>
			</div></div></div>
				
		
    
   
     
          
	@endforeach

            	@else 
									<p style="margin-top: 60px;" class="alert alert-info text-center">No records found for the search</p>
								@endif	

            
        </div>
	@if(count($getnews) > 0)
				{{ $getnews->links() }}
			@endif


</section>
			
		

		</div>
	</div>
</div>
@include('layout/frontend/_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');
		$('#myInput').css('border','1px solid #cad1d7');
		$('.errorMsg').hide();
	}
	function checkIfValue(){
		var searchText = $('#categoryFilter').val();
		var themeFilter = $('#themeFilter').val();
		var textSearch = $('#myInput').val();
		// if ( !searchText && !themeFilter && !textSearch ){
			// $('#categoryFilter').css('border','1px solid red');
			// $('#themeFilter').css('border','1px solid red');
			// $('#myInput').css('border','1px solid red');
			// $('.errorMsg').show();
			// return false;
		// } else {
			// return true;
		// }
	}
	function clearFilters(){
		var url = window.location.href;
			url = url.split('?')[0];
		window.location.href = url;
	}
</script>

<style>
.custombtn {
    background: transparent;
    color: #303030;
    border: 1px solid #11435e;
    border-radius: 30px;
    padding: 4px 15px;
 
}
.card
{
	min-height: 320px !important;
}

h5.card-title {
    min-height: 75px;
}

</style>