@if(!request()->ajax())
    @extends('layouts.main')
    @section('title', 'Okis 3.0 | Mitarbeiter')
    @section('content')
@endif

	<div class="container" data-path="users/index" data-app="users_app">
		<div class="row">

			<div class="col-xl-9 mt-5">
				<div class="card card-light">

					<div class="card-header card-title">
						<div class="d-flex align-items-center">
							<h2 class="mb-0">Mitarbeiterverwaltung</h2>

							<div class="ms-auto">
								<a href="{{ route('users.create') }}" class="btn btn-success">
									<i class="fa fa-plus-circle"></i>
									Neuer Mitarbeiter
								</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="users-table" class="table table-striped table-hover">
								<thead>
									<tr>
										<th scope="col">#</th>
										<th scope="col">Mitarbeiter Nr</th>
										<th scope="col">Avatar</th>
										<th scope="col">Name</th>
										<th scope="col">Email</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('users.' .'_users_table_data')
									</div>

								</tbody>
							</table> 
						</div>
						<span class="float-end elements-total">{{ $users_counter > 1 ? $users_counter .' Einträge' : $users_counter .' Eintrag'}}</span>
					
					</div>

				</div>
			</div>

		</div>
	</div>

@if(!request()->ajax())
    @endsection
@endif