{{-- 
 |--------------------------------------------------------------------------
*    _                _      __ _             _           _              __ 
*   | |  ___ ___   __| | ___| _| |    ___  __| | ___ _ __| |__   ___  __|_ |
*  / __)/ __/ _ \ / _` |/ _ \ || |   / _ \/ _` |/ _ \ '__| '_ \ / _ \/ __| |
*  \__ \ (_| (_) | (_| |  __/ || |__|  __/ (_| |  __/ |  | | | | (_) \__ \ |
*  (   /\___\___/ \__,_|\___| ||_____\___|\__,_|\___|_|  |_| |_|\___/|___/ |
*   |_|                     |__|                                        |__|
* 
?  @created:  2023-06-18 
?  @modified: 2023-06-18 
   @version:  1.0
   @project:  Okis 3.0

?  @author:   Code[Lederhos]
?             Stanislaw Lederhos
?             mail@code-lederhos.de
*    $debugPicasso = [ 0 => 'Crafting a masterpiece out of chaos',
*    	               1 => 'the art of flawless functionality'  ];

   @description:
   [A BRIEF DESCRIPTION OF THE PROJECT OR FILE]

 ----------------------------------------------------------------------------
	Changelog:
 	==========
*	[VERSION]| (YYYY-MM-DD) | [DESCRIPTION OF CHANGES]
 	  1.0    |  2023-06-18  |  Initial version / Bugfixing
 ----------------------------------------------------------------------------
--}}
@extends('layouts.main')

@section('title', 'Okis 3.0 | Rechte und Gruppen')

@section('content')

<div class="container">
	<div class="row">

		<div class="col-xl-6 mt-5">
			<form action="{{ route('rights_and_groups.u_update') }}" method="POST">
				@method('PUT')
				@csrf
				<div class="card">
					<div class="card-header card-title">
						<div class="d-flex align-items-center">
							<h2 class="mb-0">Rechte- und Gruppenverwaltung</h2>
							<div class="ms-auto">
								{{-- <a href="{{ route($view_name.'') }}" class="btn btn-success"><i class="fa fa-plus-circle"></i>Neues Example</a> --}}
							</div>
						</div>
					</div>

					<div class="card-body">
						@includeIf('_filter', $model = $user_model)
							
						<div class="vh-60 infinity-scroll" data-page="{{ request('page') == $users->lastPage() ? 'end' : 1 }}">
							@includeIf('flash_message', ['alert_type' => 'user'])

							<table 	id="user-table" class="table table-striped table-hover">
								<thead class="">
									<tr>
										<th scope="col">ID</th>
										<th scope="col">Name</th>
										<th scope="col">Email</th>
										<th scope="col">Rechte</th>
										<th scope="col">Gruppe</th>
			
										{{-- <th scope="col">Aktionen</th> --}}
									</tr>
								</thead>
								<tbody class="data">
			
									{{-- ajax loader --}}
										<div class="loader position-absolute translate-middle top-50 start-50">
											<img src="{{ asset('./img/svg/loader.svg') }}" alt="ajax loader" width="150>" height="150>">
										</div>
			
									<div >
										@include('rights_and_groups.' .'_users')
									</div>
			
								</tbody>
							</table> 
						</div>
						<span class="float-end elements-total">{{ $users_counter > 1 ? $users_counter .' Einträge' : $users_counter .' Eintrag'}}</span>

					</div>

					<div class="button-footer text-center sticky-bottom bottom-0">
						<div class="row">
							<div class="col-md-12 text-center">
								<button type="submit" class="btn btn-success">Speichern</button>
							</div>
						</div>
					</div>

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

		<div class="col-xl-3 mt-5">
			{{-- <form action="#" method="POST">
				@method('PUT')
				@csrf --}}
				<div class="card">

					@includeIf('layouts.components.card_header', [
						'title' 	=> 'Rechte',
						'modal_id' 	=> 'new_right_modal',
						'btn_text'	=> 'Recht erstellen'
					])
					
					<div class="card-body">

						<div class="vh-30">

							@includeIf('flash_message', ['alert_type' => 'right'])

							<table id="roles-table" class="table table-striped table-hover">
								<thead class="sticky-top top-0 bg-body shadow-sm p-3 mb-5 rounded">
									<tr>
										<th class="d-none" scope="col">ID</th>
			
										<th scope="col"	width="7%"	>@sortablelink('id',			'ID'			)	</th>
										<th scope="col"	width=""	>@sortablelink('name',			'Name'			)	</th>
										<th scope="col"	width=""	>@sortablelink('description',	'Beschreibung'	)	</th>
			
										<th scope="col text-end">Aktionen</th>
									</tr>
								</thead>
								<tbody id="rights-data">
			
									@includeIf('layouts.components.ajax_loader')
			
									@include('rights_and_groups.' .'_rights')
			
								</tbody>
							</table> 
							
						</div>
						<span class="float-end">{{ $rights->count() > 1 ? $rights->count() .' Einträge' : $rights->count() .' Eintrag'}}</span>

					</div>

				</div>
			{{-- </form> --}}

			{{-- <form action="#" method="POST" class="mt-4">
				@method('PUT')
				@csrf --}}
				<div class="card">

					@includeIf('layouts.components.card_header', [
						'title' 	=> 'Gruppen / Abteilungen',
						'modal_id' 	=> 'new_group_modal',
						'btn_text'	=> 'Gruppe erstellen'
					])

					<div class="card-body">

						<div class="vh-25">

							@includeIf('flash_message', ['alert_type' => 'group'])

							<table id="roles-table" class="table table-striped table-hover">
								<thead class="sticky-top top-0 bg-body shadow-sm p-3 mb-5 rounded">
									<tr>
										<th class="d-none" scope="col">ID</th>
			
										<th scope="col">ID</th>
										<th scope="col">Name</th>
										{{-- <th scope="col">Beschreibung</th> --}}
			
										<th scope="col text-end">Aktionen</th>
									</tr>
								</thead>
								<tbody id="groups-data">
			
									@includeIf('layouts.components.ajax_loader')
			
									@include('rights_and_groups.' .'_groups')
			
								</tbody>
							</table> 
							
						</div>
						<span class="float-end">{{ $groups->count() > 1 ? $groups->count() .' Einträge' : $groups->count() .' Eintrag'}}</span>

					</div>

				</div>
			{{-- </form> --}}
			
		</div>

	</div>
</div>

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

<script type="text/javascript">
	$('select.dselect').each(function(e){ dselect(document.querySelector('#'+$(this).attr('id'))); }) 
	$('select').each(function(e){
		if( !$(this).val() ) {
			$(this).val(0);
		}
	});  
</script>

@endsection

@section('modal')
@php
	$model = new App\Models\Right;
@endphp
<form action="{{ route('rights_and_groups.create_r') }}" method="POST" class="mt-4">
	@csrf
	<div class="modal fade" id="new_right_modal" tabindex="-1" aria-labelledby="new_right_modal_label" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
		  <div class="modal-content">
			<div class="modal-header">
			  <h1 class="modal-title fs-5" id="new_right_modal_label">neues Recht</h1>
			  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<div class="form-group row">
					@php	/* ---------------------------------------------------------------- */
									$col_name	= 'Name';			$db_col 	= 'name';		
							/* ---------------------------------------------------------------- */ @endphp
					<div class="col-md-12">
						<label for="{{ $db_col }}" class="col-form-label required">{{ $col_name }}:</label>
						<input required type="text" name="{{ $db_col }}" id="{{ $db_col }}" value="{{ old( $db_col, $model->$db_col) }}" class="form-control @error('{{ $db_col }}') is-invalid @enderror"> 
						@error('{{ $db_col }}')	<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">
					@php	/* ---------------------------------------------------------------- */
								$col_name	= 'Beschreibung';		$db_col 	= 'description';		
							/* ---------------------------------------------------------------- */ @endphp
					<div class="col-md-12">
						<label for="{{ $db_col }}" class="col-form-label required">{{ $col_name }}:</label>
						<input required type="text" name="{{ $db_col }}" id="{{ $db_col }}" value="{{ old( $db_col, $model->$db_col) }}" class="form-control @error('{{ $db_col }}') is-invalid @enderror"> 
						@error('{{ $db_col }}')	<div class="invalid-feedback">	{{ $message }}	</div>	@enderror
						<div class="invalid-feedback">	{{ $col_name }} darf nicht leer sein!	</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
			  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
			  <button type="submit" class="btn btn-success">speichern</button>
			</div>
		  </div>
		</div>
	</div>
</form>
@php
	$model = new App\Models\Group;
@endphp
<form action="{{ route('rights_and_groups.create_g') }}" method="POST" class="mt-4">
	@csrf
	<div class="modal fade" id="new_group_modal" tabindex="-1" aria-labelledby="new_group_modal_label" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
		  <div class="modal-content">
			<div class="modal-header">
			  <h1 class="modal-title fs-5" id="new_group_modal_label">neue Gruppe</h1>
			  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<div class="form-group row">
					@php	/* ---------------------------------------------------------------- */
									$col_name	= 'Name';			$db_col 	= 'name';		
							/* ---------------------------------------------------------------- */ @endphp
					<div class="col-md-12">
						<label for="{{ $db_col }}" class="col-form-label required">{{ $col_name }}:</label>
						<input required type="text" name="{{ $db_col }}" id="{{ $db_col }}" value="{{ old( $db_col, $model->$db_col) }}" class="form-control @error('{{ $db_col }}') is-invalid @enderror"> 
						@error('{{ $db_col }}')	<div class="invalid-feedback">	{{ $message }}	</div>	@enderror
						<div class="invalid-feedback">	{{ $col_name }} darf nicht leer sein!	</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
			  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
			  <button type="submit" class="btn btn-success">speichern</button>
			</div>
		  </div>
		</div>
	</div>
</form>
	
@endsection