@extends('layouts.front.app')

@section('og')
<meta property="og:type" content="home"/>
<meta property="og:description" content="{{ config('app.description') }}"/>
@endsection
@section('css')
<style type="text/css">
	.flex-1 {
		flex: 1;
	}
</style>
@endsection

@section('content')

<section>
	<div class="container">
		<nav>
			<ol class="breadcrumb transparent mt-3">
				<li class="breadcrumb-item font-weight-bold">
          <a href="{{ route('home') }}" class="fosco-text"><i class="fas fa-home"></i> IN&Iacute;CIO</a>
        </li>
				{{-- <li class="breadcrumb-item font-weight-bold black-text"> GRUPO</li> --}}
				<li class="breadcrumb-item font-weight-bolder black-text active">{{ ($category->grupo->grupo) }}</li>
			</ol>
		</nav>
	</div>
</section>

<section>
	@include(config('site.domain').'.front.products.product-list', compact('products', 'category'))
</section>
@endsection