@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 Kategorileri</h3>
					<small>{{ $gallery->titletr }}</small>
				</div>

				<div class="col-md-6 col-xs-12 text-right">
					<a href="#" class="btn btn-info btn-rounded" id="gallerycategoryupdatebutton"><i class="fa fa-pencil"></i> Kategori Bilgilerini Güncelle</a>
				</div>
			</div>

			<section class="panel" id="gallerycategoryupdatecontent" @if(!Session::has('gallerystatus')) style="display:none;" @endif>
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<h5>Kategori Bilgilerini Güncelle</h5><hr>
							
							<form method="POST" action="{{ URL::to('admin/gallery/update/'.$gallery->id.'') }}" 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 }}">Mevcut Resim :</label><br>
														<a href="{{ URL::to('files/galleries/'.$gallery->image.'') }}" class="fancybox">
															<img src="{{ URL::to('files/galleries/'.$gallery->image.'') }}" class="img-thumbnail" width="140">
														</a>
													</div>

													<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 }}" value="{{{ $gallery[$title] }}}">
													</div>
												</div>
											@endforeach

										</div>
									</div>

									<div class="form-group">
										<button type="submit" class="btn btn-info">Bilgileri Güncelle</button>
									</div>

								</div>
							</form>

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

			<div class="row">
				<div class="col-lg-12">
					<div class="panel panel-default">
						<div class="panel-heading">Kategori Resimleri</div>
						<div class="panel-body no-padding">
							<form action="{{ URL::to('admin/gallery/imageupload/'.$gallery->id.'') }}" class="dropzone col-sm-12 " id="myAwesomeDropzone">
								{!! csrf_field() !!}
								<div class="fallback">
									<input name="file" type="file" multiple />
								</div>

							</form>
						</div>
					</div>
				</div>
			</div>

			@if(count($galleries) != 0)
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<section class="panel no-border overflow-hidden">
						<div class="panel-body" style="text-align:justify;">
							<h4>Eklenen Resimler</h4>
							<div class="row">
								<ul id="test-list">
									@foreach($galleries as $gallery)
										<div class="col-md-3 detailimagegallery" id="listItem_{{ $gallery->id }}">
											<span class="deleteimage"><a href="{{ URL::to('admin/gallery/deleteimage/'.$gallery->id.'') }}" onclick="return confirm('Resmi Silmek İstediğinize Emin misiniz ?')"><img src="{{ URL::to('adminfile/img/delete_image.png') }}" width="20"></a></span>
											<a href="{{ URL::to('files/galleries/'.$gallery->file.'') }}" class="detail-gallery fancybox" rel="gallery">
												<img src="{{ ImageHandler::thumb('files/galleries/'.$gallery->file.'', 205, 130) }}" class="img-responsive thumbnail">
											</a>
										</div>
									@endforeach
								</ul>
							</div>
						</div>
						</section>
					</div>
				</div>
			@endif

		</div>
 
	</section>

<!-- Bu sayfaya ait css dosyaları -->
@section('css')
	<link href="{!! asset('adminfile/vendor/dropzone/dropzone.css') !!}" rel="stylesheet"/>

    <link href="{!! asset('fancy/source/jquery.fancybox.css?v=2.1.5') !!}" rel="stylesheet"/>
	<link href="{!! asset('fancy/source/helpers/jquery.fancybox-buttons.css?v=1.0.5') !!}" rel="stylesheet"/>
	<link href="{!! asset('fancy/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7') !!}" rel="stylesheet"/>
@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: {
	                titletr: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Kategori Başlığını Belirtiniz!'
	                        }
	                    }
	                }
	            }
	        });

	    });
	</script>


	<script type="text/javascript" src="{!! asset('adminfile/vendor/dropzone/dropzone.js') !!}"></script>
	<script type="text/javascript">
		Dropzone.options.myAwesomeDropzone = {
		  paramName: "file", // The name that will be used to transfer the file
		  maxFilesize: 6, // MB
		  acceptedFiles: "image/jpeg,image/png,image/gif",
		  accept: function(file, done) {
		    if (file.name == "justinbieber.jpg") {
		      done("Naha, you don't.");
		    }
		    else { done(); }
		  }
		};
	</script>


	<script type="text/javascript">
		$(document).ready(function(){
			//Yeni banner alanının açılması için
			$('#gallerycategoryupdatebutton').click(function(e){
	        	$('#gallerycategoryupdatecontent').slideToggle('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/imageorder') }}",posted,function(e){
				});
		    }
		  })
		});
	</script>

	<script type="text/javascript" src="{!! asset('fancy/lib/jquery.mousewheel-3.0.6.pack.js') !!}"></script>
	<script type="text/javascript" src="{!! asset('fancy/source/jquery.fancybox.js?v=2.1.5') !!}"></script>
	<script type="text/javascript" src="{!! asset('fancy/source/helpers/jquery.fancybox-buttons.js?v=1.0.5') !!}"></script>
	<script type="text/javascript" src="{!! asset('fancy/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7') !!}"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			$('.fancybox').fancybox();
		});
	</script>
@stop

@stop