@extends('admin.layout.master')
@section('content')

    <section class="main-content">
 
		<div class="content-wrap">
			<div class="row mg-b">
				<div class="col-md-6 col-xs-12">
					<h3 class="no-margin">Galeri</h3>
					<small>Galeri Kategorileri</small>
				</div>

				@if(Auth::user()->authorized == 1 OR Auth::user()->add == 1)
				<div class="col-md-6 col-xs-12 text-right">
					<a href="#" class="btn btn-info btn-rounded" id="addnewvideobutton"><i class="fa fa-plus-circle"></i> Yeni Video Ekle</a>
					<a href="#" class="btn btn-info btn-rounded" id="newgallerycategorybutton"><i class="fa fa-plus-circle"></i> Yeni Kategori Ekle</a>
				</div>
				@endif
			</div>

			@if(Auth::user()->authorized == 1 OR Auth::user()->add == 1)
			<section class="panel" id="addnewvideocontent" @if(!Session::has('videostatus')) style="display:none;" @endif>
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<h5>Yeni Video Ekle</h5><hr>
							
							<form method="POST" action="{{ URL::to('admin/gallery/newvideo') }}" id="addNewVideo" enctype="multipart/form-data">
							{!! csrf_field() !!}
								<div id="myTabContent2" class="tab-content">
									<div class="tab-pane active" id="home">
										<ul id="myTab3" class="nav nav-tabs">
											@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
												<li class="@if($localeCode == "tr")active @endif"><a href="admin/settings#lang{{ $localeCode }}" data-toggle="tab">{{{ $properties['native'] }}}</a></li>
											@endforeach
										</ul>

										<div id="myTabContent3" class="tab-content"><br>

											@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
												<div class="tab-pane @if($localeCode == "tr")active @endif" id="lang{{ $localeCode }}">
													
													@if($localeCode == "tr")
													<div class="form-group">
														<label for="vpr{{ $localeCode }}">Video Kapak Resmi :</label>
														<input type="file" name="file" class="form-control" id="vpr{{ $localeCode }}">
													</div>
													@endif

													<div class="form-group">
														<label for="vtitle{{ $localeCode }}">Video Başlığı :</label>
														<input type="text" name="title{{ $localeCode }}" class="form-control" id="vtitle{{ $localeCode }}">
													</div>

													@if($localeCode == "tr")
													<div class="form-group">
														<label for="vlink{{ $localeCode }}">Youtube veya Vimeo Linki :</label>
														<textarea name="link" class="form-control" rows="3" id="vlink{{ $localeCode }}"></textarea>
													</div>
													@endif
												</div>
											@endforeach

										</div>
									</div>

									<div class="form-group">
										<button type="submit" class="btn btn-info">Video Ekle</button>
									</div>

								</div>
							</form>

						</div>
					</div>
				</div>
			</section>

			<section class="panel" id="newgallerycategorycontent" style="display:none;">
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<h5>Yeni Kategori Bilgileri</h5><hr>
							
							<form method="POST" action="{{ URL::to('admin/gallery/new') }}" id="addNewGalleryCategory" enctype="multipart/form-data">
							{!! csrf_field() !!}
								<div id="myTabContent2" class="tab-content">
									<div class="tab-pane active" id="home">
										<ul id="myTab3" class="nav nav-tabs">
											@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
												<li class="@if($localeCode == "tr")active @endif"><a href="admin/settings#lang{{ $localeCode }}" data-toggle="tab">{{{ $properties['native'] }}}</a></li>
											@endforeach
										</ul>

										<div id="myTabContent3" class="tab-content"><br>

											@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
												<div class="tab-pane @if($localeCode == "tr")active @endif" id="lang{{ $localeCode }}">
													@if($localeCode == "tr")
													<div class="form-group">
														<label for="catimage{{ $localeCode }}">Kategori Ana Resmi :</label>
														<input type="file" name="image" class="form-control" id="catimage{{ $localeCode }}">
													</div>
													@endif


													<div class="form-group">
														<label for="title{{ $localeCode }}">Kategori Başlığı :</label>
														<input type="text" name="title{{ $localeCode }}" class="form-control" id="title{{ $localeCode }}">
													</div>
												</div>
											@endforeach

										</div>
									</div>

									<div class="form-group">
										<button type="submit" class="btn btn-info">Kategori Ekle</button>
									</div>

								</div>
							</form>

						</div>
					</div>
				</div>
			</section>
			@endif
			
			<div class="row">
				<div class="col-md-12 col-sm-12 col-xs-12">
					<section class="panel">
					<header class="panel-heading">Eklenen Kategoriler</header>
						<div class="panel-body no-padding">
							<div class="table-responsive">
								<table class="table table-striped responsive" data-sortable>
									<thead>
										<tr>
											<th>Kategori Başlığı</th>
											<th>Ekleyen</th>
											<th>Eklenme Tarihi</th>
											<th class="text-right">İşlemler</th>
										</tr>
									</thead>
									<tbody id="test-list">
										@foreach($gallerycategories as $gallery)
											<tr id="listItem_{{ $gallery->id }}">
												<td><strong><a href="{{ URL::to('admin/gallery/update/'.$gallery->id.'') }}"><span class="fa fa-angle-double-right"></span></strong> {{ $gallery->titletr }}</a></td>
												<td>{{ $gallery->addgallery->name }}</td>
												<td>{{ timeDetTr($gallery->created_at) }}</td>
												<td class="text-right">
													<strong>
														@if(Auth::user()->authorized == 1)
															<a href="{{ URL::to('admin/gallery/update/'.$gallery->id.'') }}">Düzenle</a> - <a href="{{ URL::to('admin/gallery/delete/'.$gallery->id.'') }}" onclick="return confirm('Seçilen Kategoriyi İstediğinize Emin misiniz ?')">Sil</a>
														@else
															@if(Auth::user()->update == 1 AND Auth::user()->delete == 1)
																<a href="{{ URL::to('admin/gallery/update/'.$gallery->id.'') }}">Düzenle</a> - <a href="{{ URL::to('admin/gallery/delete/'.$gallery->id.'') }}" onclick="return confirm('Seçilen Kategoriyi İstediğinize Emin misiniz ?')">Sil</a>
															@elseif(Auth::user()->update == 1 AND Auth::user()->delete == 0)
																<a href="{{ URL::to('admin/gallery/update/'.$gallery->id.'') }}">Düzenle</a>
															@elseif(Auth::user()->update == 0 AND Auth::user()->delete == 1)
																<a href="{{ URL::to('admin/gallery/delete/'.$gallery->id.'') }}" onclick="return confirm('Seçilen Kategoriyi İstediğinize Emin misiniz ?')">Sil</a>
															@else
																<label class="text text-warning">Kısıtlı Yetki</label>
															@endif
														@endif
													</strong>
												</td>
											</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</section>
				</div>
			</div>

			@if(count($videos))
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<section class="panel">
						<header class="panel-heading">Eklenen Videolar</header>
							<div class="panel-body no-padding">
								<div class="table-responsive">
									<table class="table table-striped responsive" data-sortable>
										<thead>
											<tr>
												<th>Video Başlığı</th>
												<th>Ekleyen</th>
												<th>Eklenme Tarihi</th>
												<th class="text-right">İşlemler</th>
											</tr>
										</thead>
										<tbody id="test-list3">
											@foreach($videos as $video)
												<tr id="listItem3_{{ $video->id }}">
													<td><strong><a href="{{ URL::to('admin/gallery/updatevideo/'.$video->id.'') }}"><span class="fa fa-angle-double-right"></span></strong> {{ $video->titletr }}</a></td>
													<td>{{ $video->addgallery->name }}</td>
													<td>{{ timeDetTr($video->created_at) }}</td>
													<td class="text-right">
														<strong>
															@if(Auth::user()->authorized == 1)
																<a href="{{ URL::to('admin/gallery/updatevideo/'.$video->id.'') }}">Düzenle</a> - <a href="{{ URL::to('admin/gallery/deletevideo/'.$video->id.'') }}" onclick="return confirm('Seçilen Videoyu İstediğinize Emin misiniz ?')">Sil</a>
															@else
																@if(Auth::user()->update == 1 AND Auth::user()->delete == 1)
																	<a href="{{ URL::to('admin/gallery/updatevideo/'.$video->id.'') }}">Düzenle</a> - <a href="{{ URL::to('admin/gallery/deletevideo/'.$video->id.'') }}" onclick="return confirm('Seçilen Videoyu İstediğinize Emin misiniz ?')">Sil</a>
																@elseif(Auth::user()->update == 1 AND Auth::user()->delete == 0)
																	<a href="{{ URL::to('admin/gallery/updatevideo/'.$video->id.'') }}">Düzenle</a>
																@elseif(Auth::user()->update == 0 AND Auth::user()->delete == 1)
																	<a href="{{ URL::to('admin/gallery/deletevideo/'.$video->id.'') }}" onclick="return confirm('Seçilen Videoyu İstediğinize Emin misiniz ?')">Sil</a>
																@else
																	<label class="text text-warning">Kısıtlı Yetki</label>
																@endif
															@endif
														</strong>
													</td>
												</tr>
											@endforeach
										</tbody>
									</table>
								</div>
							</div>
						</section>
					</div>
				</div>
			@endif

		</div>
 
	</section>

<!-- Bu sayfaya ait css dosyaları -->
@section('css')
    
@stop

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
	<script type="text/javascript" src="{!! asset('adminfile/js/formValidation.js') !!}"></script>
	<script type="text/javascript" src="{!! asset('adminfile/js/framework/bootstrap.js') !!}"></script>
	<script type="text/javascript">
		$(document).ready(function() {
	        $('#addNewGalleryCategory').formValidation({
	            message: 'This value is not valid',
	            icon: {
	                valid: 'glyphicon glyphicon-ok',
	                //invalid: 'glyphicon glyphicon-remove',
	                validating: 'glyphicon glyphicon-refresh'
	            },
	            fields: {
	            	image: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Kategori Resmini Seçiniz!'
	                        }
	                    }
	                },
	                titletr: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Kategori Başlığını Belirtiniz!'
	                        }
	                    }
	                }
	            }
	        });

	        $('#addNewVideo').formValidation({
	            message: 'This value is not valid',
	            icon: {
	                valid: 'glyphicon glyphicon-ok',
	                //invalid: 'glyphicon glyphicon-remove',
	                validating: 'glyphicon glyphicon-refresh'
	            },
	            fields: {
	            	file: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Video Kapak Resmini Seçiniz!'
	                        }
	                    }
	                },
	                titletr: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Video Başlığını Belirtiniz!'
	                        }
	                    }
	                },
	                link: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Video Linkini Belirtiniz!'
	                        }
	                    }
	                }
	            }
	        });

	    });
	</script>



	<script type="text/javascript">
		$(document).ready(function(){
			//Yeni banner alanının açılması için
			$('#newgallerycategorybutton').click(function(e){
	        	$('#newgallerycategorycontent').slideToggle('slow');
	        	$('#addnewvideocontent').hide('slow');
			});

			$('#addnewvideobutton').click(function(e){
	        	$('#addnewvideocontent').slideToggle('slow');
	        	$('#newgallerycategorycontent').hide('slow');
			});
		});
	</script>

	<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<script type="text/javascript">

		$.ajaxSetup({
            headers:{
                'X-CSRF-TOKEN':'{!! csrf_token() !!}'
            }
        });
		//Sortable
		$(function() {
		  $("#test-list").sortable({
		    update:function(){
		      var posted = $(this).sortable("serialize");
		      $.post("{{ URL::to('admin/gallery/order') }}",posted,function(e){
				});
		    }
		  })
		});

		$(function() {
		  $("#test-list3").sortable({
		    update:function(){
		      var posted = $(this).sortable("serialize");
		      $.post("{{ URL::to('admin/gallery/videoorder') }}",posted,function(e){
				});
		    }
		  })
		});
	</script>
@stop

@stop