Add toggle by rows/by cards

resources/views/Shop/layout/partials/category_add.blade.php

@@ -15,9 +15,31 @@
 <div class="row">
 	<div class="col-12">
 		Il y a {{ count($articles) ?? 0 }} article(s) dans la liste
+	</div>
+</div>
+
+<div class="row">
+	<div class="col-6">
+		@include('components.form.button', ['id' => 'by_cards', 'icon' => 'fa-th', 'class' => 'btn-success'])
+		@include('components.form.button', ['id' => 'by_rows', 'icon' => 'fa-list', 'class' => 'btn-success'])
+	</div>
+	<div class="col-6">
 		<form name="product_sorting">
 			<label>Trier par</label>
 			@include('components.form.select', ['name' => 'sorting', 'list' => ['Pertinence']])
 		</form>
 	</div>
-</div>
+</div>
+
+@push('js')
+	<script>
+		$('#by_rows').click(function() {
+			var url = "{{ url()->current() }}" + '?by_rows=1';
+			window.location = url;
+		})
+		$('#by_cards').click(function() {
+			var url = "{{ url()->current() }}";
+			window.location = url;
+		})
+	</script>
+@endpush

resources/views/Shop/layout/partials/header-nav.blade.php

@@ -1,7 +1,7 @@
 <div class="row bg-green">
 
 	<div class="col-4 col-md-2 form-inline pl-4">
-		<img src="/img/logo.jpg" class="img-responvive pull-left">
+		<a href="/"><img src="/img/logo.jpg" class="img-responvive pull-left"></a>
 	</div>
 
 	<div class="col-8 col-md-6 form-inline">