@extends('layouts.main')

@section('title', 'Okis 3.0 | Leistungen und Materialien')

@section('content')

		<div class="container">

			<h2 class="text-light pb-2 pt-4">Leistung- und Materialverwaltung</h2>

			<div class="row">

				{{-- Leistungen --}}
				{{-- -------------------------------------- --}}
					<div class="col-xxl-4 mb-4">
						<div class="card">

							<div class="card-header card-title">
								<div class="d-flex align-items-center">
									<h2 class="mb-0">Leistungen</h2>
									@php($title = 'services')

									<div class="ms-auto">
										<a href="{{ route($view_name .'.create/' .$title) }}" class="btn btn-success">
											<i class="fa fa-plus-circle"></i> 
											Leistung anlegen
										</a>
									</div>
								</div>
							</div>

							<div class="card-body">
								@includeIf('_filter', $model = $service_model)

								<div class="vh-60 infinity-scroll" data-page="{{ request('page') == $services->lastPage() ? 'end' : 1 }}">
									@includeIf('flash_message', ['alert_type' => 'service'])

									<table id="services-table" class="table table-striped table-hover">
										<thead>
											<tr>
												<th class="d-none" scope="col">ID</th>
												<th scope="col">Art Nr</th>
												<th scope="col">Bezeichnung</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('services_and_materials.' .'_services_table_data')
											</div>

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

						</div>
					</div>
				{{-- # Leistungen------------------------ --}}

				{{-- Materialien --}}
				{{-- -------------------------------------- --}}
					<div class="col-xxl-5">
						<div class="card">

							<div class="card-header card-title">
								<div class="d-flex align-items-center">
									
									<h2 class="mb-0">Materialien</h2>
									@php($title = 'materials')
									
									<div class="ms-auto">
										<a href="{{ route($view_name .'.create/' .$title) }}" class="btn btn-success">
											<i class="fa fa-plus-circle"></i> 
											Material anlegen
										</a>
									</div>
								</div>
							</div>
							<div class="card-body">

								@includeIf('_filter', $model = $material_model)

								<div class="vh-60 infinity-scroll" data-page="{{ request('page') == $services->lastPage() ? 'end' : 1 }}">
									@includeIf('flash_message', ['alert_type' => 'material'])

									<table id="materials-table" class="table table-striped table-hover">
										<thead>
											<tr>

												<th class="d-none" scope="col">ID</th>
												<th scope="col">Art</th>
												<th scope="col">Art Nr</th>
												<th scope="col">Bezeichnung</th>
												<th scope="col">Hersteller</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('services_and_materials.' .'_materials_table_data')
											</div>

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

							</div>

						</div>
					</div>
				{{-- # Materialien------------------------ --}}
				

			</div>
		</div>

@endsection