@extends('layouts.app')
@section('title', trans('menu.360_feedback_title'))

@section('content')
	<div class="content">
		<x-content.header title="{{__('title.360_feedback_review')}}" />
		<div class="tw-card">
			<div class="p-6">
				<div class="accordion accordion-solid-header shadow-none"
						id="accordion-2"
						role="tablist"
				>
					@foreach ($feedback->reviewers as $key => $reviewer)
						@if ( ! is_null($reviewer->total) )
							<div class="card mx-0">
								<div class="card-header"
										role="tab"
										id="heading-{{$reviewer->id}}"
								>
									<h6 class="mb-0">
										<a data-toggle="collapse"
											href="#collapse-{{$reviewer->id}}"
											aria-expanded="true"
											aria-controls="collapse-{{$reviewer->id}}"
											class="btn btn-outline-secondary mt-4"
										>
											{{ $reviewer->user->name }} / {{ $reviewer->total }}
										</a>
									</h6>
								</div>
								<div id="collapse-{{$reviewer->id}}"
										class="collapse {{($loop->first ? 'show' : '')}}"
										role="tabpanel"
										aria-labelledby="heading-{{$reviewer->id}}"
										data-parent="#accordion-2"
										style=""
								>
									<div class="card-body">
										<table width="100%" class="text-left">
											<thead>
												<tr>
													<th width="80%">{{__('tables.question_title')}}</th>
													<th width="20%">{{__('tables.score')}}</th>
												</tr>
											</thead>
											<tbody>
												@foreach($reviewer->answers as $answer)
													<tr>
														<td width="80%">{!! $answer->question->name !!}</td>
														<td width="20%">{{$answer->value}}</td>
													</tr>
												@endforeach
											</tbody>
										</table>
									</div>
								</div>
							</div>
						@endif
					@endforeach
				</div>
			</div>
		</div>
    </div>
@stop