@extends('layouts.main')

@section('title', 'Okis 3.0 | Neuigkeiten und Aufgaben')

@section('content')

	<div class="container">

		<div class="col-xl-9">
		<div class="row">

			<div class="container-header container-title mb-3 mt-5">
				<h2 class="mb-0">Neuigkeiten und Aufgaben </h2>
			</div>
			
				@include('flash_message')
				
				<div class="col-md-3">
					<div class="card vh-80">
						<div class="card-header card-title sticky-top">
							<div class="d-flex align-items-center">
								<h4 class="mb-0">meine Einträge </h4>
								<div class="ms-auto">
									{{-- <a href="{{ route'news.create') }}" class="btn btn-success"><i class="fa fa-plus-circle"></i>Neuer Eintrag</a> --}}
								</div>
							</div>
						</div>
						<div class="card-body">
							<div class="row mb-1 sticky-top bg-light p-1 top-3_4">
								<a href="{{ route('news.index')}}" class="btn btn-outline-success text-center">
									<h5 class="mb-1"><strong>neuer Eintag</strong></h5>
								</a>
							</div>

							@php $my_news_counter = count($my_created_news) @endphp
							@foreach ($my_created_news as $index => $element)
								<div class="row bg-light {{ Request::get('news_id') == $element->id ? 'sticky-top top-6_3' : '' }}">
									<a class="btn btn-outline-secondary text-start {{ Request::get('news_id') == $element->id ? 'active' : '' }}" href="?news_id={{ $element->id }}">
										<h5 class="mb-1">
											<strong>
												{{ ($my_news_counter - $index).'.) ' }}
											</strong>
											<span class="fs-7">
												{{ 'ID: ' .$element->id }}

												{!! $element->priority === 1 
														? ' <span class="label label-danger">' 
																.'<i class="fa fa-triangle-exclamation me-1"></i>'
																.'WICHTIG' 
																.'<i class="fa fa-triangle-exclamation ms-1"></i>'
															.'</span>' 
														: '' 
												!!}

												{!! $element->priority === 2 
													? 	(empty($element->accepted)
															?	'<span class="label label-warning">'
																	.'<i class="fa-solid fa-fingerprint me-1"></i>'
																	.'MIT BESTÄTIGUNG' 
																	.'<i class="fa-solid fa-fingerprint ms-1"></i>'
																.'</span>' 
															:	'<span class="label label-success">' 
																	.'<i class="fa-solid fa-circle-check me-1"></i>'
																	.'bestätigt' 
																.'</span>' 
														)
													: '' 
												!!}
												
												@php
													$all_read_user = explode( ',' , str_replace(',,', ',' , trim( $element->read, ',' )) );
													$all_target_user 	= \array_diff( explode( ',' , str_replace(',,', ',' , trim( $element->target, ',' )) ) , ['all']);
												@endphp
												{!! ($all_read_user < $all_target_user) 
														? ('<span class="label label-default">' 
																.'<i class="fa fa-glasses me-1"></i>'
																.count($all_read_user) .' von ' .count($all_target_user) 
															.'</span>') 
														: ('<span class="label label-success">' 
																.'<i class="fa fa-glasses me-1"></i>'
																.'alle '.count($all_read_user) 
															.'</span>') 
												!!}
											</span>
										</h5>
										<p class="fs-7 ellipsis">
											{!! $element->text !!}
										</p>
										<span class="fs-7 label label-default">
											@php 
												$selected_date = $element->updated_at == $element->created_at 
																		? 	$element->created_at 
																		: 	$element->updated_at;

												$selected_form = $element->updated_at == $element->created_at 
																		? 	'' 
																		: 	'<span class="text-danger">'
																				.'aktualisiert'
																			.'</span>';

												$output_time	= diff_time_to_human($selected_date);
											@endphp
											{!! $selected_form .' ' .$output_time !!}
										</span>
										@if (!empty($element->accepted))
											<br>
											<span class="fs-7 label label-warning text-secondary">
												@if ($element->accepted === auth()->user()->id)
													von mir angenommen
												@else
													von {{ App\Models\User::where('id', $element->accepted)->first()->name }} angenommen
												@endif
											</span>
										@endif
									</a>
								</div>
							@endforeach

						</div>
					</div>
				</div>

				<div class="col-xl-9">
					<div class="card vh-80">
						<div class="card-body">
							<form action="{{ route('news.store') }}" method="POST" class="needs-validation" novalidate>
								@method('PUT')
								@csrf

								@php	/* ---------------------------------------------------------------------------------------------- */
												$request_model				= App\Models\News::where('id', Request::get('news_id'))->where('publisher', auth()->user()->id)->first();	
												$request_model_target		= 	$request_model 
																					? 	($request_model->target === 'all' 
																							? 'all' 
																							: 	(	explode(',' , 
																										str_replace(',,', ',' , 
																											ltrim($request_model->target, 	',')
																										)
																									)
																								)
																						) 	
																					: 	false;

												$request_model_read			= $request_model 
																					? 	explode(',' , 
																							str_replace(',,', ',' , 
																								ltrim($request_model->read, ',')
																							)
																						) 	
																					: 	false;

												$request_model_confirmed	= $request_model 
																					? 	explode(',' , 
																							str_replace(',,', ',' , 
																								ltrim($request_model->confirmed, ',')
																							)
																						) 	
																					: 	false;

												$request_model_accepted		= $request_model 
																					? 	$request_model->accepted
																					: 	false;
										/* ---------------------------------------------------------------------------------------------- */ @endphp

								@if($request_model) 
									<input type="hidden" name="news_id" value="{{ $request_model->id }}"> 
								@endif

								<div class="form-group row">
									@php	/* ---------------------------------------------------------------- */
													$col_name	= 'Inhalt';		$db_col 	= 'text';			
											/* ---------------------------------------------------------------- */ @endphp
									<div class="col">
										@includeIf('layouts.components.inputs', [ 
											'input_type' 	=> 'textarea',
											'input_id' 		=> $db_col,
											'input_name' 	=> $db_col,
											'label'			=> 'Inhalt',
											'value'			=> $request_model->$db_col ?? '',
											'text_editor'	=> true,
										])
									</div>
								</div>

								<div class="form-group row">
									@php	/* ---------------------------------------------------------------- */
													$col_name	= 'Typ';		$db_col 	= 'priority';		
											/* ---------------------------------------------------------------- */ @endphp
									<div class="col-md-6">
										<label for="{{ $db_col }}" class="col-form-label">{{ $col_name }}:</label>
										<div class="col-md-12">
						
											<select name="{{ $db_col }}" class="form-select form-select-sm"> 

												<option value="0"{{ 0 == old( $db_col, $request_model->$db_col ?? '0') ? 'selected' : '' }}>	
													Normal			
												</option>

												<option value="1"{{ 1 == old( $db_col, $request_model->$db_col ?? '') ? 'selected' : '' }}>		
													Wichtig			
												</option>

												<option value="2"{{ 2 == old( $db_col, $request_model->$db_col ?? '') ? 'selected' : '' }}>		
													Mit Bestätigung	
												</option> 

											</select>
						
											@error('{{ $db_col }}')	<div class="invalid-feedback">	{{ $message }}	</div>	@enderror
										</div>
									</div>

									@php	/* ---------------------------------------------------------------- */
													$col_name	= 'Wiedervorlage';		$db_col 	= 'resubmission';		
											/* ---------------------------------------------------------------- */ @endphp
									<div class="col-md-2">
										<label for="{{ $db_col }}" class="col-form-label">{{ $col_name }}:</label>
										<div class="col-md-12">
						
											<input 	type="date" 
													name="{{ $db_col }}" 
													data-dd-opt-format="dd.mm.y"
													data-dd-opt-expandable="true"
													data-dd-opt-lang="de"
													class="form-control @error('{{ $db_col }}') is-invalid @enderror" 
													value="{{ old( $db_col, isset($request_model->$db_col) ? date('Y-m-d', strtotime($request_model->$db_col)) : '') }}"
											>
						
											@error('{{ $db_col }}')	<div class="invalid-feedback">	{{ $message }}	</div>	@enderror
										</div>
									</div>

									@php	/* ---------------------------------------------------------------- */
													$col_name	= 'Kunde';		$db_col 	= 'kuid';		
											/* ---------------------------------------------------------------- */ @endphp
									<div class="col-md-4">
										<label for="{{ $db_col }}" class="col-form-label">{{ $col_name }}:</label>
										<div class="col-md-12">

											<select name="{{ $db_col }}" id="{{ $db_col }}-select" class="form-select @error('{{ $db_col }}') is-invalid @enderror" data-dselect-search="true" data-dselect-clearable="true" data-dselect-size="sm">
												<option value="">Kunde wählen...</option>
												@foreach ($customers as $customer)
													<option {{ $customer->id == old($db_col, $request_model->$db_col ?? '') ? 'selected' : '' }} value="{{ $customer->id }}">{{ $customer->KuNr .' - ' .$customer->company }}</option>
												@endforeach
											</select>
						
											@error('{{ $db_col }}')	<div class="invalid-feedback">	{{ $message }}	</div>	@enderror
										</div>
									</div>
								</div>

								<div class="form-group row shadow">
									@php	/* ---------------------------------------------------------------- */
													$col_name	= 'Ziel';		$db_col 	= 'target[]';			
											/* ---------------------------------------------------------------- */ @endphp
									<div class="col-md-12">
										<label for="{{ $db_col }}" class="col-form-label">{{ $col_name }}:</label>
										<div class="col-md-12">
											<div class="form-group row mx-1">

												<div class="form-group row mx-4">

													@foreach ($users as $index => $user)
														@if ($user->id === 1000)
															
															<div class="form-check flexCheck-all col-md-4">
																<input class="form-check-input all" name="{{ $db_col }}" type="checkbox" value="all" id="flexCheck-all" {{ $request_model_target ? ($request_model_target === 'all' ? 'checked' : (in_array('all', $request_model_target) ? 'checked' : '')) : '' }}>
																<label class="form-check-label all" name="{{ $db_col }}" for="flexCheck-all">
																	<strong>alle</strong> 
																</label>
															</div>
			
															<div class="form-check col-md-4">
																<input class="form-check-input user-checkbox" name="{{ $db_col }}" type="checkbox" value="1000" id="flexCheck-{{ $index }}" {{ $request_model_target ? ($request_model_target === 'all' ? 'checked' : (in_array($user->id, $request_model_target) ? 'checked' : '')) : '' }}>
																<label class="form-check-label user-checkbox" name="{{ $db_col }}" for="flexCheck-{{ $index }}">
																	<strong>{{ $user->name }}</strong>
																	{!! $request_model ? (in_array(1000, $request_model_read) 	? '<span class="label label-success">gelesen</span>' 	: '') 	: '' !!}
																	{!! $request_model ? (1000 === $request_model_accepted 		? '<span class="label label-warning">akzeptiert</span>'	: '')	: '' !!}
																</label>
															</div>

															<div class="form-check col-md-4">
																<input class="form-check-input user-checkbox" name="{{ $db_col }}" type="checkbox" value="{{ auth()->user()->id }}" id="flexCheck-me" {{ $request_model_target ? ($request_model_target === 'all' ? 'checked' : (in_array(auth()->user()->id, $request_model_target) ? 'checked' : '')) : '' }}>
																<label class="form-check-label user-checkbox" name="{{ $db_col }}" for="flexCheck-me">
																	<strong>Ich</strong>
																	{!! $request_model ? (in_array(auth()->user()->id, $request_model_read) 	? '<span class="label label-success">gelesen</span>' 	: '') 	: '' !!}
																	{!! $request_model ? (auth()->user()->id === $request_model_accepted 		? '<span class="label label-warning">akzeptiert</span>'	: '')	: '' !!}
																</label>
															</div>

														@endif
													@endforeach
															
												</div>

												<div class="form-group row mx-1">
													@foreach ($users as $index => $user)

														@if($user->id > 1000 	&& 	auth()->user()->id !== $user->id)

															<div class="form-check col-md-4">
																<input class="form-check-input user-checkbox" name="{{ $db_col }}" type="checkbox" value="{{ $user->id }}" id="flexCheck-{{ $index }}" {{ $request_model_target ? ($request_model_target === 'all' ? 'checked' : (in_array($user->id, $request_model_target) ? 'checked' : '')) : '' }}>
																<label class="form-check-label user-checkbox" name="{{ $db_col }}" for="flexCheck-{{ $index }}">
																  	{{ $user->name }}
																  	{!! $request_model ? (in_array($user->id, $request_model_read) 		? '<span class="label label-success">gelesen</span>' 	: '') 	: '' !!}
																	{!! $request_model ? ($user->id === $request_model_accepted 		? '<span class="label label-warning">akzeptiert</span>'	: '')	: '' !!}
																</label>
															</div>

														@endif
													@endforeach

													@if (auth()->user()->id !== 1)
														<div class="form-check col-md-4">
															<input class="form-check-input user-checkbox" name="{{ $db_col }}" type="checkbox" value="1" id="flexCheck-dev" {{ $request_model_target ? ($request_model_target === 'all' ? 'checked' : (in_array(1, $request_model_target) ? 'checked' : '')) : '' }}>
															<label class="form-check-label user-checkbox" name="{{ $db_col }}" for="flexCheck-dev">
																  {{ $users->where('id', 1)->first()->name }}
																  {!! $request_model ? (in_array(1, $request_model_read) 		? '<span class="label label-success">gelesen</span>' 	: '') 	: '' !!}
																  {!! $request_model ? (1 === $request_model_accepted 			? '<span class="label label-warning">akzeptiert</span>'	: '')	: '' !!}
															</label>
														</div>
													@endif
												</div>

											</div>
										</div>
										@error('target')	<div class="invalid-feedback">	{{ $message }}	</div>	@enderror
										<div class="invalid-feedback">	{{ $col_name }} darf nicht leer sein!	</div>
									</div>
								</div>

								<div class="form-group row text-end">
									@php	/* --------------------------------------------------------------------------- */
													$col_name	= 'Erstellungsdatum';		$db_col 	= 'created_at';		
											/* --------------------------------------------------------------------------- */ @endphp
									<div class="col-md-12">
						
										@if( $request_model ) <p><strong>{{ $col_name }}:</strong> {{ $request_model->$db_col }}</p> @endif
						
									</div>
								</div>

								<div class="form-group row text-end">
									@php	/* --------------------------------------------------------------------------- */
													$col_name	= 'zulätzt aktualisiert';		$db_col 	= 'updated_at';		
											/* --------------------------------------------------------------------------- */ @endphp
									<div class="col-md-12">
						
										@if( $request_model ) <p><strong>{{ $col_name }}:</strong> {{ $request_model->$db_col }}</p> @endif
						
									</div>
								</div>

								
								<div class="button-footer text-center sticky-bottom">
									<hr class="mt-3">
									<div class="row">
										<div class="col-md-12 text-center">
											<button type="submit" class="btn btn-success">{{ $request_model ? 'Aktualisieren' : 'Erstellen' }}</button>
											@if($request_model) 
												<a href="{{ route('news.destroy', $request_model->id) }}" class="btn btn-delete btn-outline-danger">Eintrag löschen</a> 
											@endif

										</div>
									</div>
								</div>
							</form>
							<form id="form-delete" method="post" style="display: none">
								@csrf
								@method('DELETE')
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

@endsection

@section('js-scripts')
	<script>

		dselect(document.querySelector('#kuid-select'))
		$('.dropdown.dselect-wrapper button').on('click', function(e) {
			$(this).next().css('', 'translate3d(0px, 420px, 0px)');
		});

		$('.form-check.flexCheck-all').on('click', function () { 
			var checked = $(this).children('input').prop('checked');
			$('.form-check-input.user-checkbox').prop('checked', checked);
		});
		$('.form-check-label.all').on('click', function () {
			$(this).prev().prop('checked') ? $(this).prev().prop('checked', false) : $(this).prev().prop('checked', true)
		});
		$('.form-check-input.all').on('click', function () { 
			$(this).prop('checked') ? $(this).prop('checked', false) : $(this).prop('checked', true)
			var checked = $(this).prop('checked');
			$('.form-check-input.user-checkbox').prop('checked', checked);
		});
		$('.form-check-input.user-checkbox').on('click', function () {
			$('.form-check.flexCheck-all input').prop('checked', false);
			$(this).prop('checked') ? $(this).prop('checked', false) : $(this).prop('checked', true)
		});
		$('.form-check-label.user-checkbox').on('click', function () {
			$('.form-check.flexCheck-all input').prop('checked', false);
			$(this).prev().prop('checked') ? $(this).prev().prop('checked', false) : $(this).prev().prop('checked', true)
		});

		$('.btn.active').css('transform', 'translate(10px, 0)');
	</script>
@endsection