@extends('Shop.layout.layout', [
	'title' => __('home.title'),
])

@section('content')

	{{ Form::open(['id' => 'category-form', 'autocomplete' => 'off']) }}
		<input type="hidden" id="display_by_rows" name="display_by_rows" value="{{ $display_by_rows ?? false }}">
		<input type="hidden" id="product_type" name="product_type" value="{{ $product_type ?? false }}">

		<div class="row mb-3">
			<div class="col-3">
				@include('Shop._partials.display_filters')
			</div>
			<div class="col-6">
				<h1 style="font-size: 1.5em;">
					@foreach($breadcrumb ?? [] as $parent)
						<a href="{{ route('Shop.Categories.show', ['id' => $parent['id']]) }}" style="text-decoration: none; color: inherit;">{{ $parent['name'] }}</a> /
					@endforeach
					<span style="font-size: 1.4em;">
					{{ $category['name'] }}
					</span>
				</h1>
				<h3 style="font-size: 1.2em;">{!! $category['description'] !!}</h3>
			</div>
			<div class="col-3">
				@include('Shop.Shelves.partials.category_add')					
			</div>
		</div>

		@include('Shop.Tags.partials.filter')
		
		@if ($display_by_rows ?? false)
			@include('Shop.Shelves.partials.category_articles_rows')
		@else
			@include('Shop.Shelves.partials.category_articles')
		@endif
	{{ Form::close() }}

@endsection

@include('load.layout.modal')