@extends('admin.template')

@section('title')
	Liste des médias
@stop

@section('content')
	<div class="grid-24">

		{{-- Media::getManager() --}}
		
		@if (Session::has('errormessage'))
			<div class="notify notify-error">
				<a href="javascript:;" class="close">&times;</a>
				<p>{{ Session::get('errormessage') }}</p>
			</div>
		@endif

		@if (Session::has('successmessage'))
			<div class="notify notify-success">
				<a href="javascript:;" class="close">&times;</a>
				<p>{{ Session::get('successmessage') }}</p>
			</div>
		@endif

		<div class="widget widget-table">
			<div class="widget-header">
				<div class="dataTables_filter">
					<div class="filterbox">
						<form action="{{ URL::action('Blanko\Media\MediaController@filter' ) }}" method="POST" id="filterForm" class="uniformForm">
							{{ Media::getMediaTypeFilter( $filter_type ) }}
							<input id="filter" name="filter" type="text" value="{{ $filter }}" />
							<a href="#" id="filterBtn" class="btn btn-small"><span class="icon-magnifying-glass"></span>Filtrer</a>							
						</form>
					</div>
					<div class="filterbox">
						<a href="#" id="filterResetBtn" class="icons-holder icons-holder-sprited"><span class="icon-reload"></span></a>
					</div>
				</div>
				<span class="icon-image headericon"></span>
				<h3>Médias</h3>
			</div>
			<div class="widget-content">
				<div class="dataTables_wrapper">
					<table class="table table-bordered table-striped data-table">
						<thead>
							<tr>
								<th style="width:120px;cursor:default;" class="center ui-state-default">Illustration</th>
								<th class="sortingcell ui-state-default">
									<a href="{{ URL::action('Blanko\Media\MediaController@index') }}?sort=titre&order={{ ( $sort == 'titre' && $order == 'asc' ) ? 'desc' : 'asc' }}" title="Trier">
										Fichier
										@if ( $sort == 'titre' )
											<span class="DataTables_sort_icon css_right ui-icon {{ ( $order == 'asc' ) ? 'ui-icon-triangle-1-n' : 'ui-icon-triangle-1-s' }}"></span>
										@else
											<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
										@endif
									</a>
								</th>
								<th style="width:80px" class="center sortingcell ui-state-default">
									<a href="{{ URL::action('Blanko\Media\MediaController@index') }}?sort=date&order={{ ( $sort == 'date' && $order == 'asc' ) ? 'desc' : 'asc' }}" title="Trier">
										Date
										@if ( $sort == 'date' )
											<span class="DataTables_sort_icon css_right ui-icon {{ ( $order == 'asc' ) ? 'ui-icon-triangle-1-n' : 'ui-icon-triangle-1-s' }}"></span>
										@else
											<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
										@endif
									</a>
								</th>
								<th style="width:80px" class="center sortingcell ui-state-default">
									<a href="{{ URL::action('Blanko\Media\MediaController@index') }}?sort=state&order={{ ( $sort == 'state' && $order == 'asc' ) ? 'desc' : 'asc' }}" title="Trier">
										Utilisé
										@if ( $sort == 'state' )
											<span class="DataTables_sort_icon css_right ui-icon {{ ( $order == 'asc' ) ? 'ui-icon-triangle-1-n' : 'ui-icon-triangle-1-s' }}"></span>
										@else
											<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
										@endif
									</a>
								</th>								
								<th style="width:100px;cursor:default;" class="center ui-state-default">Action</th>
								<th style="width:60px" class="sortingcell center ui-state-default">
									<a href="{{ URL::action('Blanko\Media\MediaController@index') }}?sort=id&order={{ ( $sort == 'id' && $order == 'asc' ) ? 'desc' : 'asc' }}" title="Trier">
										Id
										@if ( $sort == 'id' )
											<span class="DataTables_sort_icon css_right ui-icon {{ ( $order == 'asc' ) ? 'ui-icon-triangle-1-n' : 'ui-icon-triangle-1-s' }}"></span>
										@else
											<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
										@endif
									</a>
								</th>
							</tr>
						</thead>
						<tbody class="gallery">
							@if ( count($medias) )
								@foreach ($medias as $media)
									<tr id="rowmedia{{$media->id}}">
										<td class="center" style="vertical-align:middle;line-height:0">{{ $media->getSystemThumb(true) }}</td>
										<td style="vertical-align:top;">										
											<a href="{{ \URL::action('Blanko\Media\MediaAjaxController@getMetaForm') }}" data-mediaid="{{ $media->id }}" class="btn-editmedia" title="Editer">{{ $media->titre }}</a> ({{ $media->filename }})<br />
											<strong>URL</strong> : {{ $media->getUrl() }}<br />
											<strong>Extension : </strong>{{ strtoupper($media->ext) }}<br />																																
											<strong>Taille</strong> : {{ round($media->size/1024) }} Ko{{ ( $media->isImage() ) ? ', ' . $media->width . ' x ' . $media->height . ' pixels<br />': '' }}
										</td>
										<td class="center" style="vertical-align:middle;">{{ Utils::getDateSlashed($media->created_at) }}</td>
										<td class="center" style="vertical-align:middle;">
											@if ( $media->state > 1 )
												Oui
											@else
												Non
											@endif
										</td>
										<td class="center" style="vertical-align:middle;">
											<a href="{{ \URL::action('Blanko\Media\MediaAjaxController@getMetaForm') }}" data-mediaid="{{ $media->id }}" class="icons-holder icons-holder-sprited btn-editmedia"><span class="icon-wrench"></span></a>
											<span style="padding: 0 10px;cursor:default;">&nbsp;</span>
											<a href="{{ URL::action('Blanko\Media\MediaAjaxController@delete') }}" data-mediaid="{{ $media->id }}" class="icons-holder icons-holder-sprited btn-deletemedia"><span class="icon-trash-stroke"></span></a>
										</td>
										<td class="center" style="vertical-align:middle;">{{ $media->id }}</td>
									</tr>
								@endforeach							
							@endif							
						</tbody>
					</table>

					@if ( count($medias) )
						<div class="fg-toolbar ui-toolbar ui-widget ui-corner-bl ui-corner-br ui-helper-clearfix">

							<div class="filterbox uniformForm" style="margin: 0 20px 0 0;">
								<form action="{{ URL::action('Blanko\Media\MediaController@changeQte') }}" method="POST" id="changeQteForm">
									<select name="showqte" class="uniform">
										<option value="10" {{ ( $medias->getPerPage() == 10 ) ? ' selected="selected"' : '' }}>10</option>
										<option value="20" {{ ( $medias->getPerPage() == 20 ) ? ' selected="selected"' : '' }}>20</option>
										<option value="50" {{ ( $medias->getPerPage() == 50 ) ? ' selected="selected"' : '' }}>50</option>
									</select>
									<a href="#" id="changeQteBtn" class="btn btn-small">Afficher</a>
								</form>
							</div>

							Élément(s) {{ 1 + ($medias->getPerPage() * ($medias->getCurrentPage()-1)) }} à {{ ($medias->getPerPage() * ($medias->getCurrentPage()-1)) + $medias->count() }} de {{ $medias->getTotal(); }}
							{{ $medias->links(); }}
						</div>
					@endif
				</div>
			</div>
		</div>
	</div>	
@stop



@section('footerscript')

	{{ Media::getManagerAsset() }}

	<script type="text/javascript">
		$(document).ready( function ()
		{
			initList();
		});
		
		// Override adjustMediaInterface -- not conventionnal media interface.
		function adjustMediaInterface(mediaData) {
		
			htmlRow = 	'	<td class="center" style="vertical-align:middle;line-height:0">' + mediaData.systemThumb + '</td>' +
					'	<td style="vertical-align:top;">' +
					'		<a href="{{ \URL::action('Blanko\Media\MediaAjaxController@getMetaForm') }}" data-mediaid="' + mediaData.id + '" class="btn-editmedia" title="Editer">' + mediaData.titre + '</a> (' + mediaData.filename + ')<br />' +
					'		<strong>URL</strong> : ' + mediaData.url + '<br />' +
					'		<strong>Extension : </strong>' + mediaData.ext.toUpperCase() + '<br />' +
					'		<strong>Taille</strong> : ' + Math.round(mediaData.size/1024) + ' Ko';
			if ( mediaData.isImage )
				htmlRow += ', ' + mediaData.width + ' x ' + mediaData.height + ' pixels<br />';
			
			htmlRow +=	'	</td>' +
					'	<td class="center" style="vertical-align:middle;">' + mediaData.date + '</td>' +
					'	<td class="center" style="vertical-align:middle;">';
					
			if ( mediaData.state > 1 )
				htmlRow += 'Oui';
			else
				htmlRow += 'Non';
					
			htmlRow +=	'	</td>' +
					'	<td class="center" style="vertical-align:middle;">' +
					'		<a href="{{ \URL::action('Blanko\Media\MediaAjaxController@getMetaForm') }}" data-mediaid="' + mediaData.id + '" class="icons-holder icons-holder-sprited btn-editmedia"><span class="icon-wrench"></span></a>' +
					'		<span style="padding: 0 10px;cursor:default;">&nbsp;</span>' +
					'		<a href="{{ URL::action('Blanko\Media\MediaAjaxController@delete') }}" data-mediaid="' + mediaData.id + '" class="icons-holder icons-holder-sprited btn-deletemedia"><span class="icon-trash-stroke"></span></a>' +
					'	</td>' +
					'	<td class="center" style="vertical-align:middle;">' + mediaData.id + '</td>';
			
			if ( $('#rowmedia' + mediaData.id).length == 0 )
				// Insert first
				$('.gallery').prepend('<tr id="rowmedia' + mediaData.id + '">' + htmlRow + '</tr>');			
			else
				// Update
				$('#rowmedia' + mediaData.id).html(htmlRow);
			
			$('.medialightbox').lightBox();
		}
		
	</script>
@stop