@extends('layouts.app')
@include('layouts.header')
@section('content')
<main class="panier_manager  template_2col">
	<div class="side_menu">
		<header>
			<h1><i class="fas fa-shopping-cart"></i> Gestion des paniers</h1>
			<p>Créez des sélections d'éléments et partagez les avec d'autres utilisateurs.</p>
		</header>
		<hr>
		<form class="form_search_basket" action="#" method="post">
			<div class="row">
				<label for="recherche">Recherche</label>
				<input type="text" value="" id="recherche" name="recherche" >
			</div>
			<div class="row">
				<label for="statut">Statut</label>
				<select id="statut" name="statut">
					<option value="">Tous</option>
					<option value="1">Activés</option>
					<option value="0">Désactivé</option>
				</select>
			</div>
			<div class="row">
				<label for="type">Type</label>
				<select id="type" name="type">
					<option value="">Tous</option>
					<option value="1">Mes paniers</option>
					<option value="0">Paniers partagés avec moi</option>
				</select>
			</div>
			<div>
				<input type="checkbox" id="favoris" name="favoris" value="1">
				<label for="favoris">Paniers favoris</label>
			</div>
		</form>
	</div>
	<div class="main_content">
		<div class="heading">
			<a href="#" class=" btn"><i class="fa fa-plus"></i> Créer un nouveau panier</a>
			<hr>
		</div>
		<div class="panier_list">
			@foreach ($paniers as $panier)
				<div class="panier_item" data-id="{{$panier->id}}" style="background-image:url({{$panier->mediacover}})">
					<div class="title">
						<i class="fas fa-star"></i>
						<p>{{$panier->libelle}}</p>
					</div>
					<div class="bar">
						<a href="#" class="action_delete_basket" alt="Supprimez ce panier"><i class="fas fa-trash-alt"></i></a>
						<span class="count">{{$panier->mediacount}}</span>
					</div>
				</div>
			@endforeach
		</div>
	</div>
</main>

@endsection