@extends('layouts.app')
@section('title', 'Constructive Feedback')
@section('content')
@php
	$param_user = Request::get('receiver');
@endphp
<div id="form-container" class="container page-content">
	<form id="feedback_form" action="{{ Route::currentRouteName() == 'feedback-edit' ? route('feedback-update') : route('feedback-store') }}" method="POST" autocomplete="off">
		@csrf
		<input id="constructive_feedback_id" type="hidden" name="constructive_feedback_id" value="{{ Route::currentRouteName() == 'feedback-edit' ? $feedback->id : '' }}">
		<div class="row justify-content-xl-center page-col">
        	<div class="col-xl-10 col-12">
        		<h1 class="font-weight-bold mb-0">Constructive Feedback</h1>
        	</div>
        </div><!-- Header -->
        <div class="row justify-content-xl-center page-col pb-3">
        	<div class="col-xl-10 col-12">
        		<div class="card">
        			<div class="card-header">
        			    <div class="row justify-content-between align-items-center">
        			        <div class="col text-start">
        			            <h1 class="font-weight-semibold typography-2 mb-0">{{ __('Members') }}</h1>
        			        </div>
        			    </div>
        			</div>
        			<div class="card-body">
        				<div class="row mb-3">
							<div class="col-12">
								@php
									$array_receiver = [];
									$array_feedback_ids = [];
									if ($feedbacks->count() > 0){
										$array_receiver = $feedbacks->pluck('receiver')->toArray();
										$array_feedback_ids = $feedbacks->pluck('id')->toArray();
									}
								@endphp
								@foreach ($users as $key =>$user)
    								@if (in_array($user->id, $array_receiver))
    									@php
    										$key_value = array_search($user->id, $array_receiver);
    									@endphp
    									<a class="btn btn-outline-success {{ Route::currentRouteName() == 'feedback-edit' ? ($feedback->id == $array_feedback_ids[$key_value] ? '' : 'active text-white') : 'active text-white' }} mb-1 pt-2" href="{{ route('feedback-edit', ['id' => $array_feedback_ids[$key_value]]) }}">{{ $user->getName() }}</a>
    								@else
    									<a class="btn {{ isset($_GET['receiver']) && $_GET['receiver'] == $user->id ? 'btn-outline-success' : 'btn-outline-dark' }} mb-1 pt-2" href="{{ route('feedback-create') }}?receiver={{ $user->id }}">{{ $user->getName() }}</a>
    								@endif
								@endforeach
							</div>
						</div>
        				<div class="row">
							<div class="col-12 text-end pt-3">
								<div class="d-inline-flex align-items-center">
									<span class="btn btn-success btn-a-cutomize me-1 pe-none"></span>
									<span class="line-height-1">Message Sent</span>
								</div>
								<div class="d-inline-flex align-items-center">
									<span class="btn btn-outline-dark btn-a-cutomize ms-3 me-1 pe-none"></span>
									<span class="line-height-1">Pending Message</span>
								</div>
							</div>
        				</div>
        			</div>
        		</div>
        	</div>
        </div><!-- Feedback Members -->
        <div class="row justify-content-xl-center page-col">
        	<div class="col-xl-10 col-12">
        		<div class="card">
        			<div class="card-header">
        			    <div class="row justify-content-between align-items-center">
        			        <div class="col text-start">
        			            <h1 class="font-weight-semibold typography-2 mb-0 d-md-block d-none">{{ __('Constructive Feedback for 3-6-1 Team Review') }}</h1>
        			            <h1 class="font-weight-semibold typography-2 mb-0 d-md-none d-block">{{ __('New Feedback') }}</h1>
        			        </div>
        			        <div class="col d-block d-md-none">
        			        	<div class="form-check form-switch my-3">
        			        	  	<input class="form-check-input" type="checkbox" id="anonymous_switch_mobile" name="anonymous_mobile" {{ Route::currentRouteName() == 'feedback-edit' ? ($feedback->anonymous == 1 ? 'checked' : '') : '' }}>
        			        	  	<label class="form-check-label" for="anonymous_switch_mobile">Anonymous</label>
        			        	</div>
        			        </div>
        			    </div>
        			</div>
        			<div class="card-body">
        				<div class="row mb-3">
        					<div class="col-md">
        						<div class="row mb-3">
        							<div class="col-md-9 col-12">
        								@php
        									$user =  App\Models\User::where('id', $param_user)->first();
        								@endphp
        								<input type="hidden" name="receiver" value="{{ Route::currentRouteName() == 'feedback-edit' ? $feedback->receiver : ($param_user ? $param_user : '') }}">
        								<input type="text" class="form-control" value="{{ Route::currentRouteName() == 'feedback-edit' ? $feedback->getReceiver->getName() : ($param_user ? $user->getName() : '') }}" readonly>
        							</div>
        							@error('receiver')
        								<span class="invalid-feedback" role="alert">
        									<strong>{{ $message }}</strong>
        								</span>
        							@enderror
        							<div class="col-md-3 d-none d-md-block">
        								<div class="form-check form-switch my-3">
        									<input class="form-check-input" type="checkbox" id="anonymous_switch" name="anonymous" {{ Route::currentRouteName() == 'feedback-edit' ? ($feedback->anonymous == 1 ? 'checked' : '') : '' }}/>
        									<label class="form-check-label" for="anonymous_switch">Anonymous</label>
        								</div>
        							</div>
        						</div><!-- Receiver -->
        						<div class="row mb-3">
        							<div class="col-12">
        								<textarea id="feedback_message" class="form-control @error('message') is-invalid @enderror" name="message" rows="5" placeholder="Write your message here...">{!! old('message') ? old('message') : ( Route::currentRouteName() == 'feedback-edit' ? $feedback->message : '' ) !!}</textarea>
        								@error('message')
        									<span class="invalid-feedback" role="alert">
        										<strong>{{ $message }}</strong>
        									</span>
        								@enderror
        							</div>
        						</div><!-- Message -->
        						<div class="row">
        							<div class="col-12 text-end pt-3">
        								<button id="action_btn" type="submit" class="ms-3 btn btn-purple btn-submit">
        									{{ Route::currentRouteName() == 'feedback-edit' ? 'Update' : 'Send' }}
        								</button>
        							</div>
        						</div><!-- Action Button -->
        					</div>
        				</div>
        			</div>
        		</div>
        	</div>
        </div><!-- Feedback Message -->
	</form>
</div>
@endsection
@push('js')
<script type="text/javascript">
	$(document).ready(function(){
		$("a").on("click", function(event) {
			$(this).removeClass('btn-outline-dark');
		    $(this).addClass('btn-outline-success');
		});

		$('#anonymous_switch_mobile, #anonymous_switch').on("change", function(event) {
			if ($(this).attr('name') == 'anonymous_mobile'){
				if ($(this).prop('checked') == true) {
					$('#anonymous_switch').prop('checked', true);
				} else {
					$('#anonymous_switch').prop('checked', false);
				}
			} else {
				if ($(this).prop('checked') == true) {
					$('#anonymous_switch_mobile').prop('checked', true);
				} else {
					$('#anonymous_switch_mobile').prop('checked', false);
				}
			}
		});
	});
</script>
@endpush