@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:">Fundamental Principles</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 Principle</h5></div>
							<div class="card-body">

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

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

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

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

					<div class="col-sm-6">
						<div class="accordion" id="accordionExample">
							@if($principles->count() == 0)
								<div class="col-md-12">
									<div class="alert alert-primary" role="alert">{{ label('lbl_no_information') }}	</div>
								</div>
							@else
								@foreach($principles as $key => $principle)
									<div class="card">
										<div class="card-header">
											<h6 class="text-primary">[ en ]{{ $principle->title_en }}</h6>
											<h6 class="text-success">[ sw ]{{ $principle->title_sw }}</h6>
										</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.fundamental-principles.destroy', $principle->id) }}" data-method='delete', data-confirm='Are you Sure?'>Delete</a>
										</div>

{{--										--}}
{{--										<div class="card-header" id="{{ $principle->id }}">--}}
{{--											<h5 class="mb-0">--}}
{{--												<a class="" href="#!" data-toggle="collapse" data-target="#collapse{{ $principle->id }}" aria-expanded="true" aria-controls="collapseOne" class="">--}}
{{--													[ en ]{{ $principle->title_en }} <br>--}}
{{--													[ sw ]{{ $principle->title_sw }}--}}
{{--												</a>--}}

{{--												<a class="btn btn-primary float-right" href="{{ URL::route('cms.faqs.edit', $principle->id) }}" --}}{{-- data-toggle="modal" data-target="#OpenModelContainer{{ $key }}" --}}{{-->Edit</a>--}}
{{--												<a class="btn btn-danger float-right" href="{{ URL::route('cms.faqs.destroy', $principle->id) }}" data-method='delete', data-confirm='Are you Sure?'>Delete</a>--}}
{{--											</h5>--}}
{{--										</div>--}}
{{--										<div id="collapse{{ $principle->id }}" class="card-body collapse @if ($key ==0) show	@endif" aria-labelledby="headingOne" data-parent="#accordionExample">--}}
{{--												[ en ] {!! nl2br($principle->answer_en) !!}<br><br>--}}
{{--                       							[ sw ] {!! nl2br($principle->answer_sw) !!}--}}
{{--											<a class="btn btn-primary float-right" href="{{ URL::route('cms.faqs.edit', $principle->id) }}" --}}{{-- data-toggle="modal" data-target="#OpenModelContainer{{ $key }}" --}}{{-->Edit</a>--}}
{{--                      						<a class="btn btn-danger float-right" href="{{ URL::route('cms.faqs.destroy', $principle->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 ]{{ $principle->title_en }} <br> [ sw ]{{ $principle->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($principle, ['route' => ['cms.fundamental-principles.update', $principle->id], 'method' => 'PATCH']) !!}

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

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

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

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