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

    <section class="main-content">
 
		<div class="content-wrap">
			<div class="row mg-b">
				<div class="col-md-8 col-xs-12">
					<h3 class="no-margin">Banner'lar</h3>
					<small>Banner Güncelle</small>
				</div>
			</div>

			@if(Auth::user()->authorized == 1 OR Auth::user()->update == 1)
			<section class="panel" id="newcategorycontent">
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<h4>
																Banner Düzenle
							</h4><hr>
							
							<form method="POST" action="{{ URL::to('admin/banners/changebannerupdate/'.$record->id.'/'.$tip.'') }}" id="addNewCategorys" enctype="multipart/form-data">
							{!! csrf_field() !!}

								@if($record->banner != "")
								<div class="form-group">
									<label for="image">Mevcut Banner :</label>
									<a href="{{ URL::to('files/'.$record->banner.'') }}" class="fancybox">
										<img src="{{ URL::to('thumb.php?src=files/'.$record->banner.'') }}&size=x86" class="thumbnail">
									</a>
								</div>
								@endif

								<div class="form-group">
									<label for="image">Banner :</label>
									<input type="file" name="image" class="form-control" id="image" required>
								</div>

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

							</form>

						</div>
					</div>
				</div>
			</section>
			@endif

		</div>
 
	</section>

	<!-- Kategori Bilgileri Güncelle -->
	<div class="modal fade" id="updateCategory" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	  	<form method="POST" action="{{ URL::to('admin/categories/update') }}" id="addNewCategoryw" enctype="multipart/form-data">
	  	{!! csrf_field() !!}
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">Kategori Bilgilerini Güncelle</h4>
		      </div>
		      <div class="modal-body">
		        <center><div class="dvloader" style="display: none;"><img src="{{ URL::to('files/loading.gif') }}" /></div></center>
		       	<div id="lang_content"></div>

		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Vazgeç</button>
		        <button type="submit" class="btn btn-primary">Kaydet</button>
		      </div>
		    </div>
	    </form>
	  </div>
	</div>

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

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
	<script type="text/javascript" src="{!! asset('adminfile/js/jquery-ui-14.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/categories/order') }}",posted,function(e){
				});
		    }
		  })
		});
	</script>

	<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() {
	        $('#addNewProduct').formValidation({
	            message: 'This value is not valid',
	            icon: {
	                valid: 'glyphicon glyphicon-ok',
	                //invalid: 'glyphicon glyphicon-remove',
	                validating: 'glyphicon glyphicon-refresh'
	            },
	            fields: {
	                title: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Kategori Başlığı Belirtiniz!'
	                        }
	                    }
	                },
	                price: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Ürün Fiyatı Belirtiniz!'
	                        }
	                    }
	                },
	                stock: {
	                    validators: {
	                        notEmpty: {
	                            message: 'Lütfen Ürün Stok Adedi Belirtiniz!'
	                        }
	                    }
	                }
	            }
	        });

	        $("[rel='tooltip']").tooltip();

	        //Düzenleme bilgileri gönderiliyor
			$('.clickUpdate').on('click',function(){
			    var category_id = $(this).data('id');
			    $(".dvloader").show();
			    $.ajax
			    ({ 
			        url: '{{ URL::to("admin/categories/updatelanguage") }}',
			        data: {"category": category_id},
			        type: 'post',
			        success: function(result)
			        {
			        	$("#lang_content").html(result);
			            $(".dvloader").hide();
			        }
			    });
			});

	    });
	</script>

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

			$('#categoryclick1').click(function(e){
	        	$('#categorycontent1').slideDown('slow');
	        	$('#categorycontent2').hide('slow');
	        	$('#categorycontent3').hide('slow');
	        	$('#categorycontent4').hide('slow');
			});

			$('#categoryclick2').click(function(e){
	        	$('#categorycontent2').slideDown('slow');
	        	$('#categorycontent1,#categorycontent3,#categorycontent4').hide('slow');
			});

			$('#categoryclick3').click(function(e){
	        	$('#categorycontent3').slideDown('slow');
	        	$('#categorycontent1,#categorycontent2,#categorycontent4').hide('slow');
			});

			$('#categoryclick4').click(function(e){
	        	$('#categorycontent4').slideDown('slow');
	        	$('#categorycontent1,#categorycontent2,#categorycontent3').hide('slow');
			});

		});
	</script>

@stop

@stop