@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">{{ $category->title }}</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:">Site Contents</a></li>
                            <li class="breadcrumb-item"><a href="{{ url('/cms/administration_categories') }}">Aministration Categories</a></li>
                            <li class="breadcrumb-item"><a href="javascript:">{{ $category->title }}</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-md-4">
						<div class="card">
							<div class="card-header" >
								<h5>Add Member</h5>
							</div>
							<div class="card-body">
                                {!! Form::open(['route' => 'cms.administration_categories_members.store']) !!}

                                    @include('cms.administration-categories._member_form', ['submitButton' => "Save"])

                                {!! Form::close() !!}
							</div>
						</div>
					</div>

					<div class="col-md-8">
						<div class="card">
							<div class="card-header">
                                <h5>List Of Members in {{ $category->title }}</h5>
                            </div>
							<div class="card-body">
								@if($members->count() == 0)
									<div class="col-md-12">
										<div class="alert alert-primary" role="alert">{{ label('lbl_no_information') }}	</div>
									</div>
								@else
									<table class="table table-hover table-striped dataTable dt-responsive">
									<thead>
										<tr>
											<th title="Hierarchy Position">H/P</th>
											<th>Fullname</th>
											<th>Title</th>
											<th>Options</th>
										</tr>
									</thead>

									<tbody>

										@foreach($members as $key => $member)
											<tr>
												<td>{{ $member->position }}</td>
												<td>{{ $member->member->fullname }}</td>
												<td>{{ $member->title }}</td>
												<td>
													<a href="#OpenModelContainer{{ $key }}" data-toggle="modal" data-target="#OpenModelContainer{{ $key }}" class="label theme-bg2 text-white f-12">Edit</a>
													{!! link_to_route('cms.administration_categories_members.destroy', "Delete", array($member->id), array('data-method' => 'delete', 'data-confirm' => 'Are you Sure' ,'class' => 'label theme-b bg-danger text-white f-12')) !!}
												</td>
											</tr>

											<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 {{ $member->title }} </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($member, ['route' => ['cms.administration_categories_members.update', $member->id], 'method' => 'PATCH']) !!}

																@include('cms.administration-categories._member_form', ['submitButton' => "Update"])

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

										                </div>
										            </div>
										        </div>
										    </div>
										@endforeach
									</tbody>
								</table>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
	</div>
	<!-- [ Main Content ] end -->
@stop