@extends('Templates.master')

{{-- Commonlinks --}}

@push('css-plugins')
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	@include('Templates.UI.Admin.CDN.links')
@endpush

{{-- Navbar --}}

@section('nav')
	@include('Templates.UI.Admin.Nav.nav-header',['name' => $name,'id' => $id])
@endsection

{{-- Body --}}

@section('body')
	<!-- Page wrapper  -->
	<div class="page-wrapper">
		<!-- Container fluid  -->
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12">
					<div class="card">
						<div class="card-body">
							<div class="card-title"><strong>User/Org/Admin Details</strong></div>
							<div class="table-responsive">
								<table class="table table-striped table-bordered">
									<thead>
										<th>#</th>
										<th>User Name</th>
										<th>Email</th>
										<th>Organisations</th>
										<th>Actions</th>
									</thead>
									<tbody id="userData">
										<tr>
											<td>{{ $userListView->id }}</td>
											<td>{{ $userListView->name }}</td>
											<td>{{ $userListView->email }}</td>
											<td>LCP Testing</td>
											<td>
												<div class="dropdown">
													<a href="#" data-bs-toggle="dropdown" aria-expanded="false">
														<i class="mdi mdi-dots-vertical fs-4"></i>
													</a>
													<div class="dropdown-menu dropdown-menu-end">
														<form action="{{ route('calculate-user-survey-points',$userListView->id) }}" method="POST" class="form-horizontal dropdown-item">
															{{ csrf_field() }}
															<button class="btn btn-lg btn-outline-info" type="submit" title="Keep Log Info of Survey Points">
																<i class="fas fa-address-card"></i>
																Calculate User Survey Points
															</button>
														</form>
													</div>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!-- Tabs -->
					<div class="card mt-3">
						<div class="card-body">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs" role="tablist">
								<li class="nav-item">
									<a href="#ongoing" id="ongoing-tab" dusk="ongoing-dusk" data-bs-toggle="tab" role="tab" class="nav-link">
										<span class="hidden-sm-up"></span>
										<span class="hidden-xs-down">Ongoing</span>
									</a>
								</li>
								<li class="nav-item">
									<a href="#finished" id="finished-tab" dusk="finished-dusk" data-bs-toggle="tab" role="tab" class="nav-link">
										<span class="hidden-sm-up"></span>
										<span class="hidden-xs-down">Completed</span>
									</a>
								</li>
								<li class="nav-item">
									<a href="#all" id="all-tab" dusk="all-dusk" data-bs-toggle="tab" role="tab" class="nav-link">
										<span class="hidden-sm-up"></span>
										<span class="hidden-xs-down">All Surveys</span>
									</a>
								</li>
							</ul>
							<!-- Tab panes -->
							<div class="tab-content tabcontent-border" id="myTabContent">
								<div class="tab-pane active" id="ongoing" role="tabpanel" aria-labelledby="ongoing-tab">
									<div class="table-responsive mt-3">
										<table class="table table-striped table-bordered">
											<thead>
												<th>#</th>
												<th>Survey Title</th>
												<th>Role</th>
												<th>Responses</th>
												<th>Target Responses</th>
												<th>Action</th>
											</thead>
											<tbody id="userSurveyData">
												@php
													$responseCounter = 0;
												@endphp
												@foreach ($userDetails as $element)
													@php
														if (!is_null($element->dc_track_surveys)) {
															$responseCounter = $element->dc_track_surveys->achieve_point;
														}
													@endphp
													<tr>
														<td>{{ $element->id }}</td>
														<td>{{ $element->title }}</td>
														<td>{{ $element->user->first()->role }}</td>
														<td>{{ $responseCounter }}</td>
														<td>{{ $element->points }}</td>
														<td>
															<div class="dropdown">
																<a href="#" data-bs-toggle="dropdown" aria-expanded="false">
																	<i class="mdi mdi-dots-vertical fs-4"></i>
																</a>
																<div class="dropdown-menu dropdown-menu-end">
																	<a href="{{ route('get-view-mongodb',$element->id) }}" class="dropdown-item" title="View Survey">
																		<i class="fas fa-eye"></i>
																		View Survey
																	</a>
																	<a href="{{ route('assign-or-de-assign-survey',['user' => $userListView->id,'dcSurvey' => $element->id]) }}" class="dropdown-item" title="de-Assign Survey">
																		<i class="fas fa-thumbs-down"></i>
																		De-Assign Survey
																	</a>
																</div>
															</div>
														</td>
													</tr>
												@endforeach
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection

{{-- CommonScripts --}}

@push('js-scripts')
	@include('Templates.UI.Admin.CDN.scripts')
    @include('Modules.DataCollection.Admin.admin-user-specific-ajax',['ext' => $ext,'user' => $userListView])
@endpush