@extends('cms.application')
@section('content')

  <!-- [ breadcrumb ] start -->
	<div class="page-header">
			<div class="page-block">
					<div class="row align-items-center">
							<div class="col-md-12">
{{--									<div class="page-header-title">--}}
{{--											<h5 class="m-b-10">Faqs</h5>--}}
{{--									</div>--}}
									<ul class="breadcrumb">
											<li class="breadcrumb-item"><a href="{{ url('/cms') }}"><i class="feather icon-home"></i></a></li>
											<li class="breadcrumb-item"><a href="javascript:">Information</a></li>
											<li class="breadcrumb-item"><a href="javascript:"> Benefits</a></li>
									</ul>
							</div>
					</div>
			</div>
	</div>
	<!-- [ breadcrumb ] end -->

	<!-- [ Main Content ] start -->
	<div class="main-body">
			<div class="page-wrapper">
				<div class="row">

					<div class="col-sm-6">
						<div class="card">
							<div class="card-header"><h5>Create New Benefit</h5></div>
							<div class="card-body">

               				 {!! Form::open(['route' => 'cms.benefits.index']) !!}

        						@include('cms.benefits._form', ['submitButton' => "Save"])

        					{!! Form::close() !!}

							</div>
						</div>
					</div>

					<div class="col-sm-6">
						<div class="accordion" id="accordionExample">
							@if($benefits->count() == 0)
								<div class="col-md-12">
									<div class="alert alert-primary" role="alert">{{ label('lbl_no_information') }}	</div>
								</div>
							@else
								@foreach($benefits as $key => $topic)
									<div class="card">
										<div class="card-header">
											<h6 class="text-primary">[ en ]{{ $topic->title_en }}</h6>
											<h6 class="text-success">[ sw ]{{ $topic->title_sw }}</h6>
											@if($topic->topic_category == 0)
												<h6 class="text-dark text-bold text-uppercase">Course Category: SILOWEMA</h6>
											@elseif($topic->topic_category == 1)
												<h6 class="text-dark text-bold text-uppercase">Course Category: SLM-PESA</h6>
											@elseif($topic->topic_category == 2)
												<h6 class="text-dark text-bold text-uppercase">Course Category: EYOLE</h6>
											@endif
										</div>

										<div class="card-body">
											<a class="btn btn-primary float-right text-white" data-toggle="modal" data-target="#OpenModelContainer{{ $key }}">Edit</a>
											<a class="btn btn-danger text-white float-right" href="{{ URL::route('cms.benefits.destroy', $topic->id) }}" data-method='delete', data-confirm='Are you Sure?'>Delete</a>
										</div>
									</div>

									 <div class="modal fade" id="OpenModelContainer{{ $key }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" style="display: none;" aria-hidden="true">
										<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
											<div class="modal-content">
												<div class="modal-header">
{{--													<h5 class="modal-title" id="exampleModalLongTitle"> Update <br> [ en ]{{ $topic->title_en }} <br> [ sw ]{{ $topic->title_sw }} </h5>--}}
													<button type="button" class="close" data-dismiss="modal" aria-label="Close">
														<span aria-hidden="true">×</span>
													</button>
												</div>
												<div class="modal-body">
													{!! Form::model($topic, ['route' => ['cms.benefits.update', $topic->id], 'method' => 'PATCH']) !!}

														@include('cms.benefits._form', ['submitButton' => "Update"])

													{!! Form::close() !!}

												</div>
											</div>
										</div>
							    	</div>
									
								@endforeach
								<div class="row justify-content-center">
									{!! $benefits->render() !!}
								</div>
							@endif
						</div>
					</div>

				</div>
			</div>
	</div>
	<!-- [ Main Content ] end -->
@stop