@section('content')
{{--
	<button class="btn btn-danger" onclick="window.location.href='{{ @$cancel_url }}'">{{ Lang::get('cms.anuluj') }}</button>
	<button class="btn btn-warning" onclick="window.location.href='/admin/page/{{ $id }}/gallery/add'">{{ Lang::get('cms.dodaj_album') }}</button>
--}}

	 <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#galerie" role="tab" data-toggle="tab">Galerie</a></li>
    <li role="presentation"><a href="#konfiguracja" role="tab" data-toggle="tab">Konfiguracja</a></li>
  </ul>
    <div class="tab-content">
	    <div role="tabpanel" class="tab-pane active" id="galerie">
		
		
	@if(count($albums) > 0)

		<div class="row">
		<div class="col-lg-4">
			<div class="gal_head">
			<h3 class="small_header">Albumy</h3>
			<div class="opcjetabeli opcjegalerii">
				<a href="#" class="btn btn-default btn-yellow pull-right" onclick="window.location.href='/admin/page/{{ $id }}/gallery/add'" data-icon-place="tak" data-radius="tak" data-page-id="{{$albums[0]['original']['page_id']}}" style="    margin-top: -2px;">
				<span data-icon="P"></span>
				<span class="btn-tekst">Dodaj album</span></a>
				@if (count($albums) > 1)
				<div class="mk-trc pull-right" data-radius-small="true">
					<input id="wlaczDrag_gal" type="checkbox">
		            <label for="wlaczDrag_gal"><i data-before-check="" data-after-check=""></i>Zmień kolejność</label>
				</div>
				@endif
				</div>
			</div>
			<table class="album-list table" data-params="data-page_id:{{ $id }}" data-url='/admin/page/ajax/sortGallery'>

			<tbody class="drag">
		
				@foreach ($albums as $album)
						@if ($content = $album->getAlbumContentByLanguage(ADMIN_LANGUAGE_ID)) @endif
						@if ($photos = $album->photos()->orderBy('sort', 'asc')->get()) @endif
					
					<tr data-id='{{ $album->id }}'>
						<td class="toggleHidden"><span data-icon="&#x31;"></span></td>
						<td class="active_info"><span data-icon="&#x4e;"></span></td>
						<td>
						 @if (count($photos) > 0)
										
								@foreach ($photos as $index => $photo)
									@if($class = ($photo->album_cover))

									<a href="#" class="album-list-show-photo show_photo_in_album" data-album_id="{{ $album->id }}">
										<img src="/img/150x150/{{ $photo->photo }}" />
										<div class="album-list-mask">
											<span data-icon="&#x55;"></span>
										</div>
									</a>	
									@endif
								@endforeach
								<div class='clearfix'></div>
							
						@else
							
								<p style="    margin-bottom: 0px;">{{ Lang::get('cms.brak_zdjec_w_albumie') }}</p>
							
						@endif
						</td>
						<td style="width: 170px; text-align: left;">
						<strong>
							@if(trim($content->title) == '')
								<span class='album_no_title'>{{ Lang::get('cms.brak_tytulu') }}</span>
							@else
								{{ $content->title }}
							@endif
						</strong>
						</td>
						<td >
						<a href="#" class="album-list-show-photo show_photo_in_album clear-hover" data-album_id="{{ $album->id }}" style="width:auto;"><span data-icon="&#x55;"></span></a>
						</td>
						<td>
						<a class="clear-hover" onclick='window.location.href="/admin/page/{{ $album->page_id }}/gallery/{{ $album->id }}/addPhoto"' ><span data-icon="&#x4c;" data-toggle="tooltip" data-placement="top" title="" data-original-title="Dodaj zdjęcia do tego albumu"></span></a>
						</td>
						<td>

						<div class="mk-trc" data-style="check" data-radius="true" >
			                                <input id="active-{{ $album->id }}" type="checkbox" name="checkbox-3-a" @if ($album->active == 1) checked="checked" @else  @endif >
			                                <label class='setFlag' for="active-{{ $album->id }}" data-href='/admin/page/ajax/setAlbumFlag' data-field='active' data-value='{{ $album->active }}' data-id='{{ $album->id }}' data-toggle="tooltip" data-placement="top" title="" data-original-title="Zmień status albumu opublikowany / nieopublikowany"><i></i></label>
			                                
			                                
			                          	</div>
						</td>
						<td>
			            <a class='clear-hover' onclick='window.location.href="/admin/page/{{ $album->page_id }}/gallery/edit/{{ $album->id }}"' >
										
										<span class='icon_pencil' data-toggle="tooltip" data-placement="top" title="" data-original-title="Edytuj ten album"></span>
									</a>              	
						</td>
						<td>
                            <a class='clear-hover move_album' data-toggle="modal" data-target="#moveAlbum" data-id="{{ $album->id }}">
                                <span class='glyphicon glyphicon-share' data-toggle="tooltip" data-placement="top" title="" data-original-title="Przenieś album"></span>
                            </a>                
                        </td>
						<td>
							<a class="clear-hover" data-toggle="modal" data-target="#removeAlbumModal" data-id="{{ $album->id }}">
									<span class='fs2 icon_trash_alt' data-toggle="tooltip" data-placement="top" title="" data-original-title="Usuń ten album"></span>
							</a>
							
						</td>
						</tr>
					@endforeach
					
			</tbody>
			</table>
		
		</div>
		<div class="col-lg-8 gallery_zdjecia_col">
			<div class="gal_head">
				<h3 class="small_header">Zdjęcia</h3>
				<div class="opcjetabeli opcjegalerii">
				<a href="#" class="btn btn-default btn-yellow pull-right add_photos_to_album_btn" data-icon-place="tak" data-radius="tak" data-page-id="{{$albums[0]['original']['page_id']}}" style=" margin-right: 10px;
">
					<span data-icon="P"></span>
					<span class="btn-tekst">Dodaj zdjęcia do albumu</span></a>

				<div class="mk-trc pull-right hideit" data-radius-small="true">
					<input id="wlaczDrag_gal_zdj" type="checkbox">
		            <label for="wlaczDrag_gal_zdj"><i data-before-check="" data-after-check=""></i>Zmień kolejność</label>
				</div>
				
				<div class="mk-trc pull-right" data-radius-small="true">
                    <input id="przenies_zdjecia" type="checkbox">
                    <label for="przenies_zdjecia"><i data-before-check="" data-after-check=""></i>Przenieś zdjęcia</label>
                </div>
			
				</div>
			</div>
		 <table class="albumy" data-open-on-init='{{ $open_gallery }}'>
		 	<tbody>
			@foreach ($albums as $album)
						@if ($content = $album->getAlbumContentByLanguage(ADMIN_LANGUAGE_ID)) @endif
						@if ($photos = $album->photos()->orderBy('sort', 'asc')->get()) @endif
						
							<tr class="hideme" data-album_id="{{ $album->id }}">

				            <td colspan="10">
				            	
								<div class='album-photos' style='display:none' data-album_id="{{ $album->id }}">
									@if (count($photos) > 0)
										<div class='album-photos-draggable' data-params="data-album_id:{{ $album->id }}" data-url="/admin/page/ajax/sortPhotos">
											@foreach ($photos as $index => $photo)
												
												<div class='gallery_item'>
												    @define $__photo_content = $photo->getContentByLanguage(\Config::get('custom.locale_id'))
													<div class="gallery_item_ratio gallery_on" data-index="{{ $index }}" data-id="{{ $photo->id }}"  data-items='
		                                    	{
	                                            	"zdjecia" : {
		                                                @if (count($photos))
	                                                    			                                                    @foreach ($photos as $index2 => $photo2)
                                                                @define $__photo_content = $photo2->getContentByLanguage(\Config::get('custom.locale_id'))
																	  "{{$counter}}":{
																        "index":{{$counter}},
			                                                            "src":"/img/550x550/{{$photo2->photo}}",
			                                                            "title":"{{ $__photo_content->description }}"
			                                                          }@if ($counter + 1 < count($photos)),@endif
			                                                          
			                                                          															@endforeach
														@endif
	                                                }
                                              	}'>
                                              	         @define $photo_content = $photo->getContentByLanguage(\Config::get('custom.locale_id'))
														<div class="gallery_item_ratio_content" style="background-image:url('/img/550x550/{{ $photo->photo }}');" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ $photo_content->description }}"></div>
													</div>
													
													
													<div class='gallery_item_option'>
														<table class="table table-condensed table-gallery-option">
															<tr>
																<td><div class="mk-trc" data-style="check" data-radius="true">
										                                <input id="active-p{{ $photo->id }}" type="checkbox" name="checkbox-{{ $photo->id }}-a" @if($photo->active)checked='checked'@endif>
										                                <label class='setFlag' for="active-p{{ $photo->id }}" data-href='/admin/page/ajax/setPhotoFlag' data-field='active' data-value='{{ $photo->active }}' data-id='{{ $photo->id }}' data-toggle="tooltip" data-placement="top" title="" data-original-title="Zmień status zdjęcia opublikowany / nieopublikowany"><i></i></label>
										                          	</div>
										                        </td>
																<td>
																	@if($class = ($photo->album_cover ? 'star-gold' : 'star-gray')) @endif
																	@if($dataicon = ($photo->album_cover ? '&#xe033;' : '&#xe031;')) @endif
																	<span data-icon="&#xe033;" class="{{ $class }} photo_is_cover cursor-pointer" data-id="{{ $photo->id }}"  data-toggle="tooltip" data-placement="top" title="" data-original-title="Ustaw jako okładkę albumu"></span>
																	
																</td>
																<td>
																	<a class='clear-hover' href="/admin/page/{{ $album->page_id }}/photo/{{ $photo->id }}">
																		<span class='icon_pencil' data-toggle="tooltip" data-placement="top" title="" data-original-title="Edytuj zdjęcie"></span>
																	</a>
																</td>
																<td>
																	<span class='fs2 icon_trash_alt cursor-pointer' data-toggle="modal" data-target="#removePhotoModal" data-id="{{ $photo->id }}" data-preview="/img/50x50/{{ $photo->photo }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Usuń zdjęcie"></span>
																</td>
															</tr>
														</table>
													</div>
													
													<div class='gallery_item_move' style='display:none'>
													    <input type='checkbox' name='to_move[]' value='{{ $photo->id }}' style='margin:10px'>
													</div>
												</div>
										
											@endforeach
											<div class='clearfix'></div>
											
											<div class='move_photo_container' style='display:none'>
											    @define $page_album_tree = \PageAlbum::GetAllAlbumsWithPageTree(\Config::get('custom.locale_id'))
											    @if($page_album_tree)
    											    <select class='form-control' name='photos_move_to' style='width:250px; display:inline-block'>
    											         @foreach($page_album_tree as $page_tree)
    											             <option disabled="disabled">
    											                 @if($page_tree['_title'] == '')
    											                     {{ Lang::get('cms.brak_tytulu') }}
    											                 @else
    											                     {!! $page_tree['_title'] !!}
    											                 @endif
											                 </option>
											                 
											                 @if(isset($page_tree['albums']) && !empty($page_tree['albums']))
    											                 @foreach($page_tree['albums'] as $album)
        											                 <option value='{{ $album['id'] }}'>
                                                                         @if($album['name'] == '')
                                                                             {!! $album['prefix'] !!}{{ Lang::get('cms.brak_tytulu') }}
                                                                         @else
                                                                             {!! $album['prefix'] !!}{{ $album['name'] }}
                                                                         @endif
                                                                     </option>
                                                                 @endforeach
                                                             @endif
											                 
    											         @endforeach    
    											    </select>
    											    <button class='btn' id='move_photo'>Przenieś</button>
                                                @endif
											</div>
											
										</div>
									@else
										{{ Lang::get('cms.brak_zdjec_w_albumie') }}
									@endif
										
								</div>
								
							</td>
					
						</tr>
					@endforeach
				</tbody>
			</table>
		
		

		<input type="hidden" name="_token" value="