@extends('layouts.app',[ 'mainClass' => 'element' ])
@section('content')

<div class="subheader">
	<h3 class="title">{{ __('messages.elements') }}</h3>
	<small class="subtitle">{{ __('messages.manage_elements') }}</small>
</div>

@include('partials._alert')

<div class="panel">

	<div class="panel-heading">

		<div class="heading-title">{{ __('messages.visualize') }}</div>

		<div class="heading-controls">
			<a href="{{ url('elements/create') }}" class="btn btn-primary">{{ __('messages.new_element') }}</a>
		</div>
	</div>

	<div class="panel-body">

		<div class="table-area">

			@include('partials._filters', [ 'status' => false ])

			@if (!empty($elements) && count($elements) > 0)

				<div class="table-responsive">
					<table class="table table-striped table-actions table-ordered">
						<thead>
							<tr>
								<th data-column="id">{{ __('messages.id') }}</th>
								<th data-column="name">{{ __('messages.name') }}</th>
								<th data-column="metric1">{{ __('messages.std_unit') }}</th>
								<th data-column="element_type_name">{{ __('messages.type') }}</th>
								<th data-column="category_name">{{ __('messages.category') }}</th>
								<th>{{ __('messages.actions') }}</th>
							</tr>
						</thead>

						<tbody>
							@foreach ($elements as $element)
								<tr>
									<td>{{ $element->id }}</td>
									<td>{{ $element->name }}</td>
									<td>{{ !empty($element->metric1) ? $element->metric1 : '-' }}</td>
									<td>{{ $element->element_type_name ?? '-' }}</td>
									<td>{{ $element->category_name ?? '-' }}</td>

									<td>
										<a href="{{ url('elements/'.$element->id.'/edit') }}" class="btn btn-light btn-sm" title="{{ __('messages.edit') }}"><i class="fa fa-pencil"></i></a>

										<a href="{{ url('elements') }}" data-id="{{ $element->id }}" class="btn btn-danger btn-sm btn-delete" title="{{ __('messages.remove') }}"><i class="fa fa-trash"></i></a>
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>

				<div class="pagination-wrapper mt15">{{ $elements->appends(Request::except('page'))->links() }}</div>

			@else
				@include('partials._empty-info', ['button' => __("messages.new_element") ])
			@endif

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

@endsection