@extends('layouts.app')
@section('title')
Knowledge Base
@endsection
@section('content')
<style type="text/css">
	div#kt_content {
    padding: 0;
}

.kt-container.kt-container--fluid.kt-grid__item.kt-grid__item--fluid {
    padding: 0px;
}
</style>
	<section class="search-know">
		<div class="container">
			<div class="col-md-12">
				<h3>How Can We Help?</h3>
				<form action="knowledge-base-search" class="form-know">
					<input type="text" name="q" placeholder="Search the documentation...">
					<button class="btn_Formsearch">Search</button>
				</form>
			</div>
		</div>
	</section>
	<section class="knowledge-section">
		<div class="container">
			<div class="row">
				@foreach($categories as $key => $category)
				<div class="col-lg-4 col-xs-12 col-md-4 {{((($categoriesCount-1) ==$key)  && ($categoriesCount%3 == 1)) ? "offset-4":""}}">
					<div class="knowledge-div">
						<i class="{{$category->icon}} "></i>
						<h3>{{$category->name}}</h3>
						@if($category->articles_count == 0 )
						<p> Articles are coming soon</p>
						@else

						@foreach($category->articles as $article)
						<a href="{{url("knowledge-base/".$article->id)}}" class="art-vieew"><i class="fas fa-file "></i>{{$article->name}} </a>
						@endforeach
						@endif
{{-- 						<div class="accordion tabs-know" id="accordionExample{{$category->id}}" style="clear: both;">
							<div class="card">
		                        <div class="card-header" id="headingOne{{$category->id}}">
		                            <div class="card-title collapsed" data-toggle="collapse" data-target="#collapseOne{{$category->id}}" aria-expanded="false" aria-controls="collapseOne{{$category->id}}">
		                                    Read more...
		                            </div>
		                        </div>
		                      	<div id="collapseOne{{$category->id}}" class="collapse" aria-labelledby="headingOne{{$category->id}}" data-parent="#accordionExample{{$category->id}}" style="">
		                            <div class="card-body">
		                                {{$article->name}}
		                            </div>
		                        </div>
		                    </div>
		                </div> --}}
					</div>
				</div>

				@endforeach
				
			</div>
		</div>
	</section>
@endsection