@extends('layouts.app')

@section('content')

    @php
    $dataVue = [
        'basket' => $panier->load('mediaList'),
        'formats' => $formats,
        'csrf' => csrf_token(),
    ];
    @endphp
    <div
        id="stand-alone-panier"
        data-json='@json($dataVue)'></div>


{{-- <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_select_all" title="Selectionner tous les médias"><i class="fas fa-check-circle"></i></a>
					<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->mediaList as $media )
						@php
							$ico = '';
							$detail = '';
							$statut = '';
							$itemClass = '';
                            $storage = Storage::disk('media');

                            $thumb = $storage->url($media->thumb_relative_path);
                            $preview = $storage->url($media->preview_relative_path);

							switch ($media->type_media_id) {
                                // Photo
								case 1:
									$ico = '<i class="fas fa-file-image"></i>';
									$detail = " - {$media->largeur}x{$media->hauteur}px";
									break;
                                // Illustration/Vectorielle
								case 2:
									$ico = '<i class="fas fa-file-image"></i>';
									break;
                                // Vidéo
								case 3:
									$ico = '<i class="fas fa-file-video"></i>';
									$detail = " - durée {$media->duree}";
									$itemClass = 'video';
									break;
                                // Audio
								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->value }}" data-typemedia="{{ $media->type_media_id }}" data-preview="{{$preview}}" data-src="{{ "/".$media->folder.$media->uid.".".$media->extension->value }}" 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->value." - ".App\Lib\ToolboxHelper::formatBytes($media->taille).$detail." - v".$media->version }}</div>
						</div>
					@endforeach
				</div>
			</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
		<select class="download_format" name="format">$formats
			<option value="original">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="mediaList" 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