@section('content')
	<div class="row">
		<div class="col-xs-8">
			{{Breadcrumb::withLinks($breadcrumbs)}}
		</div>
		<div class="col-xs-4">
			@if (Sentry::getUser()->hasAccess('admin.order-shipment.create'))
				{{Button::success(trans('admin.buttons.add-category'))->prependIcon(Icon::plus_sign())->asLinkTo(route('admin.order-shipment.create'))->withAttributes(['class' => 'pull-right'])}}
			@endif
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<div role="tabpanel">
				{{Navigation::tabs($tabs)->withAttributes(['role' => 'tablist', 'class' => 'flags'])}}

				<div class="tab-content">
					@foreach($tabs as $tab)
						<div role="tabpanel" class="tab-pane {{$tab['active'] ? 'active' : ''}}" id="{{$tab['route']}}">
							<table class="table table-striped">
								<thead>
									<tr>
										<th class="col-xs-10">{{trans('admin.labels.title')}}</th>
										@if (Sentry::getUser()->hasAccess('admin.order-shipment.edit'))
											<th class="col-xs-2 text-center">{{trans('admin.labels.edit')}}</th>
										@else
											<th class="col-xs-2 text-center">{{trans('admin.labels.show')}}</th>
										@endif
									</tr>
								</thead>
								<tbody>
									@forelse($order_shipments[$tab['route']] as $order_shipment)
										<tr>
											<td class="col-xs-10">
												{{$order_shipment['title']}}
											</td>
											@if (Sentry::getUser()->hasAccess('admin.order-shipment.edit'))
												<td class="col-xs-2 text-center">
													{{Button::normal(trans('admin.buttons.edit'))->asLinkTo(route('admin.order-shipment.edit', [$order_shipment['id']]))->extraSmall()->prependIcon(Icon::pencil())->withAttributes(['class' => 'edit'])}}
												</td>
											@else
												<td class="col-xs-2 text-center">
													{{Button::normal(trans('admin.buttons.details'))->asLinkTo(route('admin.order-shipment.show', [$order_shipment['id']]))->extraSmall()->prependIcon(Icon::search())}}
												</td>
											@endif
										</tr>
									@empty
										<tr>
											<td colspan="2" class="text-center">
												{{trans('admin.messages.empty-list-of-categories')}}
											</td>
										</tr>
									@endforelse
								</tbody>
							</table>
						</div>
					@endforeach
				</div>
			</div>
		</div>
	</div>
@stop

@section('modals')
	<div id="confirmDelete" class="modal fade" role="dialog" aria-labelledby="" aria-hidden="true">
		<div class="modal-dialog modal-md">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">{{trans('admin.labels.confirm-delete')}}</h4>
				</div>
				<div class="modal-body">
					{{trans('admin.messages.realy-delete-category', ['category' => '<span class="category"></span>'])}}
				</div>
				<div class="modal-footer">
					{{Form::open(['method' => 'DELETE', 'secure' => true])}}
						{{Button::danger(trans('admin.buttons.delete'))->prependIcon(Icon::trash())->submit()}}
						{{Button::normal(trans('admin.buttons.close'))->withAttributes(['data-dismiss' => 'modal'])}}
					{{Form::close()}}
				</div>
			</div>
		</div>
	</div>
@stop

@section('scripts')
	$('#confirmDelete').on('show.bs.modal', function (event)
	{
		var modal = $(this);
		var button = $(event.relatedTarget);
		var route = button.data('route');
		var item = button.data('item');

		modal.find('form').attr('action', route);
		modal.find('span.category').text(item);
	});

	@if (Sentry::getUser()->hasAccess('admin.order-shipment.revision'))
		$(document).keyup(function (event)
		{
			var code = event.keyCode || event.which;

			if (code == 20)
			{
				$('a.edit').each(function()
				{
					var href = $(this).attr('href');

					if (href.match(/edit$/))
					{
						$(this).attr('href', href.replace(/(edit)$/, 'revision'));
						$(this).removeClass('btn-default').addClass('btn-dark');
						$(this).html($(this).html().replace('pencil', 'hourglass'));
						$(this).html($(this).html().replace('{{trans('admin.buttons.edit')}}', '{{trans('admin.buttons.revisions')}}'));
						$('table thead').html($('table thead').html().replace('{{trans('admin.buttons.edit')}}', '{{trans('admin.buttons.revisions')}}'));
					}
					else
					{
						$(this).attr('href', href.replace(/(revision)$/, 'edit'));
						$(this).removeClass('btn-dark').addClass('btn-default');
						$(this).html($(this).html().replace('hourglass', 'pencil'));
						$(this).html($(this).html().replace('{{trans('admin.buttons.revisions')}}', '{{trans('admin.buttons.edit')}}'));
						$('table thead').html($('table thead').html().replace('{{trans('admin.buttons.revisions')}}', '{{trans('admin.buttons.edit')}}'));
					}
				});
			}
		});
	@endif
@stop