@extends('layouts.app')
@section('title', 'Constructive Feedback Groups')
@section('content')
@inject('user', 'App\Models\User')
<style type="text/css">
	.select2-container--default .select2-selection--single {
	    background-color: white;
	}
</style>
<div class="container page-content">
    <div class="row page-col">
        <div class="col-12">
            <h1 class="font-weight-bold typography-4 mb-0">History Constructive Feedback Groups</h1>
        </div>
    </div>
    <div class="row page-col pb-4">
    	<div class="col-md-4 col-6 text-start">
    		<select class="form-select" onchange="window.location.href=this.options[this.selectedIndex].value;">
    		    <option value="{{ route('feedback-group-show-all') }}">All</option>
    		    @foreach ($filter_batches as $batch)
    		    	@php
		    		    $month = substr($batch, 0, -5);
		    		    $year = substr($batch, -4);
    		    	@endphp
    		        @if( Route::currentRouteName() == 'filter-group-batch' )
    		            <option value="{{ route('filter-group-batch', ['month'=>$month, 'year'=>$year]) }}" @if( ($feedback_groups->first()->month == $month) && ($feedback_groups->first()->year == $year) ) selected @endif>{{ $batch }}</option>
    		        @else
    		            <option value="{{ route('filter-group-batch', ['month'=>$month, 'year'=>$year]) }}">{{ $batch }}</option>
    		        @endif
    		    @endforeach
    		</select>
    	</div>
    	<div class="col text-end">
    	    <a class="btn btn-secondary btn-custom" href="{{ route('feedback-index') }}" role="button">Back</a>
    	</div>
    </div>
    @if ( $feedback_groups->isEmpty() )
    <div class="row justify-content-center page-col">
    	<div class="col-12">
    		<div class="card">
    			<h4 class="typography-2 font-weight-semibold text-grey text-center mb-0">- N/A -</h4>
    		</div>
    	</div>
    </div>
    @else
	<div class="row justify-content-center page-col">
		@foreach ($feedback_groups as $feedback_group)
	    <div class="col-12 col-md-6">
	        <div class="card mb-3">
	            <div class="card-header">
	                <div class="row justify-content-between align-items-center">
	                    <div class="col text-start">
	                        <h1 class="font-weight-bold typography-2 mb-0">{{ $feedback_group->name }}</h1>
	                    </div>
	                    <div class="col text-end">
	                        <h2 class="font-weight-semibold typography-1 mb-0">{{ $feedback_group->month }}/{{ $feedback_group->year }}</h2>
	                    </div>
	                </div>
	            </div>
	            <hr class="mt-0 mb-2">
	            <div class="card-body">
	            	<table>
	        			<tr>
	        				<th>Group Lead</th>
	        			</tr>
	        			<tr>
	        				<td>
	        					@php
	        					    $group_leads = collect();
	        					    $group_lead_ids = json_decode($feedback_group->group_leads);
	        					    foreach ($group_lead_ids as $key => $group_lead_id) {
	        					        $group_lead = $user->where('id', (int)$group_lead_id)->get();
	        					        $group_leads = $group_leads->merge($group_lead);
	        					    }
	        					@endphp
	        					<ul>
	        						@foreach ($group_leads as $index => $group_lead)
	        						    <li>{{ $group_lead->getName() }}</li> 
	        						@endforeach
	        					</ul>
	        					
	        				</td>
	        			</tr>
	        			
	        			<tr>
	        				<th>Group Members</th>
	        			</tr>
	        			<tr>
	        				<td>
	        					@php
	        						$group_members = $group_users->whereIn('constructive_feedback_group_id', $feedback_group->id);
	        					@endphp
	        					<ul>
	        					@foreach($group_members as $group_member)
	        						<li>{{ $group_member->user->getName() }}</li>
								@endforeach
	        					</ul>
	        				</td>
	        			</tr>
	            	</table>
	            </div>
	        </div>
	    </div>
	    @endforeach
	</div>
    @endif
</div>
@endsection