@extends('layouts.app')

@section('content')
<main class="public_basket ">
	<div class="main_content">
			<header>
				<div class="basket_title">
					{{ $panier->libelle }}
				</div>
				<div class="basket_Info">
					<a href="#" class="btn_basket_download" title="Téléchargez des médias"><i class="fas fa-arrow-circle-down"></i></a>
					<a class="btn_basket_Info"title="Informations sur ce panier"  href="#"><i class="fas fa-info-circle"></i></a>
				</div>
			</header>
			<div class="media_container">
				<div class="wrapper">
					@foreach ($panier->medias as $media )
						@php
							$ico = "";
							$detail = "";
							$statut = "";
							$itemClass = "";
							$thumb = "";
							$preview = "";
							switch ($media->typemedia_id) {
								case 1:
									$ico = '<i class="fas fa-file-image"></i>';
									$detail = " - ".$media->largeur."x".$media->hauteur."px";
									if($media->extension == "pdf" || $media->extension == "ai" || $media->extension == "psd"){
										$thumb = "/".$media->folder.$media->uid."_thumb.png";
										$preview = "/".$media->folder.$media->uid."_preview.png";
									}else{
										$thumb = "/".$media->folder.$media->uid."_thumb.".$media->extension;
										$preview = "/".$media->folder.$media->uid."_preview.".$media->extension;
									}
									break;
								case 2:
									$ico = '<i class="fas fa-file-image"></i>';
									$thumb = "/".$media->folder+$media->uid.".".$media->extension;
									$preview = "/".$media->folder+$media->uid.".".$media->extension;
									break;
								case 3:
									$ico = '<i class="fas fa-file-video"></i>';
									$detail = " - durée ".$media->duree;
									$itemClass = "video";
									break;
								case 4:
									$ico = '<i class="fas fa-file-audio"></i>';
									$detail = " - durée ".$media->duree;
									$itemClass = "son";
									break;
								default:
							}
						@endphp
						<div class="imageItem" data-id="{{ $media->id }}" data-ext="{{ $media->extension }}" data-typemedia="{{ $media->typemedia_id }}" data-preview="{{$preview}}" data-src="{{ "/".$media->folder.$media->uid.".".$media->extension }}" draggable="false" aria-grabbed="false">
							<div class="media  {{ $itemClass }}" style="background-image:url({{ $thumb }})"></div>
							<p class="libelle ">{{ $media->libelle }}</p>
							<div class="info">{!! $ico !!}{{ $media->extension." - ".$media->taille.$detail." - v".$media->version }}</div>
						</div>
					@endforeach
				</div>
			</div>
		</div>
</main>



<div id="form_download" style="display: none;" data-id="" >
	<h3>Téléchargez</h3>
	<hr/>
	<p>Sélectionnez l'un des formats ci-dessous pour télécharger votre sélection.</p>
	<form id="the_form_download" target="_blank" action="{{ route('downloadMedia') }}" method="post">
		{{csrf_field()}}
		<select class="download_format" name="format">$formats
			<option value="0">Format original</option>
			@foreach ($formats as $format)
				<option value="{{$format->id }}">{{"Vignette ".$format->extension." ".strtoupper($format->libelle)." (".$format->largeur."px)" }}</option>
			@endforeach
		</select>
		<input class="medias" type="hidden" name="medias" value="">
		<button type="submit"  class="btn btn_form_download  ml-10"><i class="fas fa-arrow-circle-down"></i> Télécharger</button>
	</form>
</div>

<div id="form_basket_property" style="display: none;" data-id="" >
	<h3>Informations sur ce panier</h3>
	<hr/>
	<p>Libellé : {{ $panier->libelle }}</p>
	<p>Description :</p>
	<p>{{ $panier->description }}</p>
	<p>Créé le : {{ $panier->created_at }}</p>
	<hr/>
	<p class="button_bar">
		<a href="#" class="btn close_popup btn-black btn-square">Fermer</a>
	</p>
</div>
@endsection