@extends('layouts.front.app')

@section('og')
<meta property="og:title" content="{{ config('app.name') }}-{{ $title }}" />
<meta property="og:description" content="{{ config('app.description') }}-{{ $title }}" />
@endsection

@section('content')
<section>
	<div class="container my-2">
		<nav >
			<ol class="breadcrumb white">
				<li class="breadcrumb-item">
					<a href="{{route("home")}}" class="font-weight-bold fosco-text"><i class="fas fa-home"></i></a>
				</li>
				<li class="breadcrumb-item disabled font-weight-bolder black-text">Categoria</li>
				<li class="breadcrumb-item active font-weight-bolder black-text">Destaque</li>
			</ol>
		</nav>
	</div>
</section>

<section>
	<div class="container">
		<div class="row">

			<div class="col-lg-3 px-0">

				<div class="filtro">

					@include(config('site.domain').'.front.shared.form-search-price')

					<div class="navbar-expand-lg">

						<button class="navbar-toggler border p-3 my-4" type="button" data-toggle="collapse" data-target="#menu-lateral">
							BUSCAR PRODUTOS <i class="fas fa-bars red-text mr-2 text-right ml-2"></i>
						</button>

						<div class="collapse navbar-collapse" id="menu-lateral">

							<div class="area-busca w-100">

								@include(config('site.domain').'.front.shared.sidebar-brand', $products)

							</div>

						</div>

					</div>

				</div>

			</div>

			<div class="col-lg">
				@include(config('site.domain').'.front.products.product-list', $products)
			</div>
		</div>
	</div>

</section>
@endsection

@section('js')
<script type="text/javascript">
	$(document).ready(function () {
		$('#table-ordering').DataTable( {
			paging: false,
			searching: false,
			info: false,
			responsive: true
		} );
	})
</script>
@endsection