@include('layout/frontend/_header')
<div id="colorlib-doctor" style="    background-color: #f1f4fa;">
	<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>
					<li class="breadcrumb-item"><a href="javascript://">Media Work Documents</a></li>
                </ol>
            </div>
        </div>
		<div class="row animate-box">
			<div class="col-md-6 col-md-offset-3 text-center colorlib-heading">
				<h2>Media Work Documents</h2>
			</div>
		</div>
		<div class="row">
			<form action="{{url('media-works')}}" method="GET" class="pull-right" style="margin-right: 15px;">
				<p class="" style="display:inline-flex; margin-bottom:10px;">
					<input type="text" placeholder="Search..." class="form-control col-4" style="width: 300px;" name="s_t" id="myInput" onkeyup="valueCheck();" placeholder="Search" value="{{ (isset($_GET['s_t']) && $_GET['s_t']) ? $_GET['s_t'] : '' }}" />
					<button style="margin-left:10px;" class="srch-btn" id="myBtn" value="Search" onClick="return checkIfValue()" type="submit"><i style="padding:7px;" class="fa fa-search"></i></button>
					@if ( isset($_GET['s_t']) ) 
						<button style="margin-left:4px;" class="srch-btn" id="clearBtn" value="Clear" onClick="clearFilters()" type="button"><i style="padding:7px;" class="fa fa-times"></i></button>
					@endif
				</p>
			</form>
			
			<section>
				<div class="container">
					<div class="row mbr-justify-content-center">
						@if( $medias && count($medias) > 0 )
							@foreach( $medias as $k => $v )
								<div class="col-lg-12 mbr-col-md-10">
									<div class="wrap">
										<div class="ico-wrap">
											@if( count($v['media_attachment']) > 0 && $v['media_attachment'][0]['attachment'] )
																								<img style="height:120px;width:120px;" src="{{ $singleImage }}" title="{{$v['title']}}" />
											@else 
												<!--img style="height:120px;width:120px;" src="{{ URL::asset('images/no-image.png') }}" title="{{$v['title']}}" /-->
											@endif
										</div>
										<div class="text-wrap vcenter">
											<h2 class="mbr-fonts-style mbr-bold mbr-section-title3 display-5">
												<a href="single-media/{{ encrypt_decrypt('encrypt', $v['id'])}}" title="{{$v['title']}}" class="headng">{{$v['title']}}</a>
											</h2>
											<p class="mbr-fonts-style text1 mbr-text display-6" style="margin-bottom:0px;">{{ substr( $v['description'], 0, 200 ) }}...<br><a style="text-decoration:underline;font-size:14px;" href="single-media/{{ encrypt_decrypt('encrypt', $v['id'])}}" title="Read More">Read More &rarr;</a></p>
										</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($medias) > 0)
						{{ $medias->links() }}
					@endif
				</div>
			</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);
	});
	$(document).ready(function(){
		filterAsPerStatus('1', event);
	});
	function valueCheck(){
		$('#myInput').css('border','1px solid #cad1d7');
		$('.errorMsg').hide();
	}
	function checkIfValue(){
		var searchText = $('#myInput').val();
		if ( !searchText ){
			$('#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>