@extends('layouts.main')

@section('title', 'Okis 3.0 | Artikelverwaltung')

@section('content')

	<div class="container">
		<div class="row">
			<div class="col-md-9 mt-5">
				<div class="card">
					<div class="card-header card-title">
						<div class="d-flex align-items-center">
							<h2 class="mb-0">Artikelverwaltung</h2>
							@php($title	= 'article')
							<div class="ms-auto">
								<a href="{{ route($view_folder.'.create') }}" class="btn btn-success"><i class="fa fa-plus-circle"></i>Neuen Artikel anlegen</a>
							</div>
						</div>
					</div>
					<div class="card-body">
						@includeIf('_filter', $model = $article_model)

						<div class="vh-60 infinity-scroll" data-page="{{ request('page') == $articles->lastPage() ? 'end' : 1 }}">

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

							<table id="articles-table" class="table table-striped table-hover">
								<thead>
									<tr>
										<th scope="col">Art. Nr.</th>
										<th scope="col">Bezeichnung</th>
										<th scope="col">Einheit</th>
										<th scope="col">Menge</th>
										<th scope="col">Sollmenge</th>
										<th scope="col">Mindestmenge</th>
										<th scope="col">Beschreibung</th>
										<th scope="col">Infos</th>
										<th scope="col">Hersteller</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('articles.' .'_articles_table_data')
									</div>

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

@endsection