@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>Site Bulunan Banner'lar</small>
				</div>

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

			@if(Auth::user()->authorized == 1 OR Auth::user()->add == 1)
			<section class="panel" id="newcategorycontent" style="display: none;">
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<h4>Yeni Banner Bilgileri</h4><hr>
							
							<form method="POST" action="{{ URL::to('admin/banners/new') }}" id="addNewCategory" enctype="multipart/form-data">
							{!! csrf_field() !!}

								<div id="myTabContent2" class="tab-content">

									@if(count($activelanguages) > 1)
										<ul id="myTabOne" class="nav nav-tabs">
																						@foreach($activelanguages as $lang)
											<li class="@if($c == 1)active @endif">
												<a href="admin/settings#tabOne{{ $c }}" data-toggle="tab">
													@if($lang->flag != "")
														<img src="{{ URL::to('files/flag/'.$lang->flag.'') }}" width="14"> {{ $lang->title }}
													@else
														<img src="{{ URL::to('files/flag/noflag.png') }}" width="14"> {{ $lang->title }}
													@endif
												</a></li>
																						@endforeach
										</ul>
									@endif

										<div id="myTabContent3" class="tab-content">
																						@foreach($activelanguages as $lang)
												<div class="@if(count($activelanguages) > 1)tab-pane @endif @if($t == 1)active @endif" id="tabOne{{ $t }}">

													@if($t == 1)
														<div class="form-group">
															<div class="row">
																<div class="col-md-6">
																	<label for="image">Banner Görseli :</label>
																	<input type="file" name="image" class="form-control" id="image">
																</div>

																<div class="col-md-6">
																	<label for="headerimage">Banner Üst Resim :</label>
																	<input type="file" name="headerimage" class="form-control" id="headerimage">
																</div>
															</div>
														</div>
													@endif

													<div class="form-group">
														<label for="title_{{ $lang->short }}">Banner Başlığı :</label>
														<input type="text" name="title_{{ $lang->short }}" class="form-control" id="title_{{ $lang->short }}" @if($t == 1)required @endif>
													</div>

													<div class="form-group">
														<label for="text_{{ $lang->short }}">Banner Açıklaması :</label>
														<textarea name="text_{{ $lang->short }}" id="text_{{ $lang->short }}" class="form-control" rows="3"></textarea>
													</div>

													<div class="form-group">
														<div class="row">
															<div class="col-md-12">
																<label for="link_{{ $lang->short }}">Banner Linki :</label>
																<input type="text" name="link_{{ $lang->short }}" class="form-control" id="link_{{ $lang->short }}">
															</div>

															<!--<div class="col-md-6">
																<label for="linktitle">Link Başlığı :</label>
																<input type="text" name="linktitle" class="form-control" id="linktitle">
															</div>-->
														</div>
													</div>

													<!--
													<hr>
													@if($t == 1)
														<div class="form-group">
															<label for="videolink">Video Linki :</label>
															<textarea name="videolink" id="videolink" class="form-control" rows="3"></textarea>
														</div>
													@endif
													-->

												</div>
																						@endforeach
										</div>

								</div>

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

							</form>

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

			<section class="panel" id="newcategorycontent">
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<h4>Banner'lar</h4><hr>

							<div>
							  <ul class="nav nav-tabs" role="tablist">
							    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Anasayfa</a></li>
							    <!--<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Kategoriler</a></li>-->
							    <!--<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">İçerik Yönetimi</a></li>-->
							    <!--<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Ürünler</a></li>
							    <li role="presentation"><a href="#other" aria-controls="other" role="tab" data-toggle="tab">Diğer</a></li>-->
							  </ul>

							  <div class="tab-content">
							    <div role="tabpanel" class="tab-pane active" id="home">
							    	@if(count($banners) > 0)
										<div class="table-responsive">
								            <table class="table table-bordered table-hover">
								              	<thead>
									                <tr>
									                  <td class="text-center" style="width: 4%;">
									                  	<a href="#" class="asc"><b>#</b></a>
									                  </td>
									                  <td class="text-left">
									                  	<a href="#" class="asc"><b>Banner Başlığı</b></a>
									                  </td>
									                  <td class="text-right" style="width: 11%;"><b>Eylem</b></td>
									                </tr>
								              	</thead>

									            <tbody id="test-list">
									            	@foreach($banners as $cat)
										                <tr id="listItem_{{ $cat->id }}">
										                	<td class="text-center short-icon"><span class="ion-arrow-move"></span></td>
											                <td class="text-left" href=""><a href="javascript:void(0)"></a></td>
											                <td class="text-right">
											                	@if(Auth::user()->authorized != 1 OR Auth::user()->update == 1)
											                		@if(Auth::user()->update == 1)
											                			<a href="{{ URL::to('admin/banners/update/'.$cat->id.'') }}" rel="tooltip" data-placement="top" title="Düzenle" class="btn btn-primary clickUpdate"><i class="fa fa-file-text-o" aria-hidden="true"></i></a>
											                		@else
											                			<a href="javascript:void(0)" rel="tooltip" data-placement="top" title="Kısıtlı Yetki" class="btn btn-primary none-auth clickUpdate"><i class="fa fa-file-text-o" aria-hidden="true"></i></a>
											                		@endif

											                		@if(Auth::user()->delete == 1)
											                			<a data-id="{{ $cat->id }}" rel="tooltip" data-placement="top" title="Sil" data-toggle="modal" data-target="#deleteCategory" class="btn btn-danger clickUpdate delete_category_click"><i class="fa fa-trash"></i></a>
											                		@else
											                			<a rel="tooltip" data-placement="top" title="Kısıtlı Yetki" data-toggle="modal" class="btn btn-danger none-auth clickUpdate delete_category_click"><i class="fa fa-trash"></i></a>
											                		@endif
											                	@else
											                		<a href="{{ URL::to('admin/banners/update/'.$cat->id.'') }}" rel="tooltip" data-placement="top" title="Düzenle" class="btn btn-primary clickUpdate"><i class="fa fa-file-text-o" aria-hidden="true"></i></a>

											                		<a data-id="{{ $cat->id }}" rel="tooltip" data-placement="top" title="Sil" data-toggle="modal" data-target="#deleteCategory" class="btn btn-danger clickUpdate delete_category_click"><i class="fa fa-trash"></i></a>
											                	@endif
											                </td>
										                </tr>
									                @endforeach
									            </tbody>
								            </table>
				          				</div>

				          				{{ $banners->links() }}

				          			@else
				          				<blockquote class="blockquote-box blockquote-warning clearfix">
					                		Sisteme Henüz Banner Eklenmedi!
					                	</blockquote>
					                @endif
							    </div>

							    <div role="tabpanel" class="tab-pane" id="profile">
							    	<div class="table-responsive">
							            <table class="table table-bordered table-hover">
							              	<thead>
								                <tr>
								                  <td class="text-left">
								                  	<a href="#" class="asc"><b>Kategori Başlığı</b></a>
								                  </td>
								                  <td class="text-right" style="width: 6%;"><b>İşlem</b></td>
								                </tr>
							              	</thead>

								            <tbody>
								            	@foreach($categories as $category)
									            	<tr>
									                  <td class="text-left">
									                  	<a href="#" class="asc"></a>
									                  </td>
									                  <td class="text-right">
									                  	<a href="{{ URL::to('admin/banners/otherbanner/'.$category->id.'/1') }}" rel="tooltip" data-placement="top" title="Düzenle" class="btn btn-primary clickUpdate">
									                  		<i class="fa fa-file-text-o" aria-hidden="true"></i>
									                  	</a>
									                  </td>
									                </tr>
								                @endforeach
								            </tbody>
								        </table>
								    </div>
							    </div>

							    <div role="tabpanel" class="tab-pane" id="messages">
							    	<div class="table-responsive">
							            <table class="table table-bordered table-hover">
							              	<thead>
								                <tr>
								                  <td class="text-left">
								                  	<a href="#" class="asc"><b>Sayfa Başlığı</b></a>
								                  </td>
								                  <td class="text-right" style="width: 6%;"><b>İşlem</b></td>
								                </tr>
							              	</thead>

								            <tbody>
								            	@foreach($pages as $page)
									            	<tr>
									                  <td class="text-left">
									                  	<a href="#" class="asc"></a>
									                  </td>
									                  <td class="text-right">
									                  	<a href="{{ URL::to('admin/banners/otherbanner/'.$page->id.'/2') }}" rel="tooltip" data-placement="top" title="Düzenle" class="btn btn-primary clickUpdate">
									                  		<i class="fa fa-file-text-o" aria-hidden="true"></i>
									                  	</a>
									                  </td>
									                </tr>
								                @endforeach
								            </tbody>
								        </table>
								    </div>
							    </div>

							    <div role="tabpanel" class="tab-pane" id="settings">
							    	<div class="table-responsive">
							            <table class="table table-bordered table-hover">
							              	<thead>
								                <tr>
								                  <td class="text-left">
								                  	<a href="#" class="asc"><b>Ürün Başlığı</b></a>
								                  </td>
								                  <td class="text-right" style="width: 6%;"><b>İşlem</b></td>
								                </tr>
							              	</thead>

								            <tbody>
								            	@foreach($products as $product)
									            	<tr>
									                  <td class="text-left">
									                  	<a href="#" class="asc"></a>
									                  </td>
									                  <td class="text-right">
									                  	<a href="{{ URL::to('admin/banners/otherbanner/'.$product->id.'/3') }}" rel="tooltip" data-placement="top" title="Düzenle" class="btn btn-primary clickUpdate">
									                  		<i class="fa fa-file-text-o" aria-hidden="true"></i>
									                  	</a>
									                  </td>
									                </tr>
								                @endforeach
								            </tbody>
								        </table>
								    </div>
							    </div>

							    <div role="tabpanel" class="tab-pane" id="other">
							    	<div class="table-responsive">
							            <table class="table table-bordered table-hover">
							              	<thead>
								                <tr>
								                  <td class="text-left">
								                  	<a href="#" class="asc"><b>Sayfa Başlığı</b></a>
								                  </td>
								                  <td class="text-right" style="width: 6%;"><b>İşlem</b></td>
								                </tr>
							              	</thead>

								            <tbody>
								            	@foreach($others as $product)
									            	<tr>
									                  <td class="text-left">
									                  	<a href="#" class="asc">{{ $product->title }}</a>
									                  </td>
									                  <td class="text-right">
									                  	<a href="{{ URL::to('admin/banners/otherbanner/'.$product->id.'/4') }}" rel="tooltip" data-placement="top" title="Düzenle" class="btn btn-primary clickUpdate">
									                  		<i class="fa fa-file-text-o" aria-hidden="true"></i>
									                  	</a>
									                  </td>
									                </tr>
								                @endforeach
								            </tbody>
								        </table>
								    </div>
							    </div>
							  </div>
							</div>

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

		</div>
 
	</section>

	<!-- Kategori Sil -->
	<div class="modal fade" id="deleteCategory" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	  	<form method="POST" action="{{ URL::to('admin/banners/delete') }}" id="addNewCategorye" 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">Banner Sil</h4>
		      </div>
		      <div class="modal-body">
		        Seçilen bannerı silmek istediğinize emin misiniz ?
		        <input type="hidden" name="deleteid" id="category_delete_id">
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Vazgeç</button>
		        <button type="submit" class="btn btn-primary">Onayla</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/banners/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
			$('.delete_category_click').on('click',function(){
			    var record_id = $(this).data('id');
			    document.getElementById("category_delete_id").setAttribute("value", record_id);
			});

	    });
	</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>

	<script type="text/javascript" src="{!! asset('adminfile/vendor/select2/select2.full.js') !!}"></script>
	<script type="text/javascript">

	function formatRepo (repo) {
	    if (repo.loading) return repo.text;

	      var markup = "<div class='select2-result-repository clearfix'>" +
	        "<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
	        "<div class='select2-result-repository__meta'>" +
	        "<div class='select2-result-repository__title'>" + repo.full_name + "</div>";

	      if (repo.description) {
	        markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
	      }

	      markup += "<div class='select2-result-repository__statistics'>" +
	        "<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> " + repo.forks_count + " Forks</div>" +
	        "<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> " + repo.stargazers_count + " Stars</div>" +
	        "<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> " + repo.watchers_count + " Watchers</div>" +
	      "</div>" +
	      "</div></div>";

	      return markup;
	    }

	    function formatRepo (data) {
	    	//console.log('veri',data)
	    	if (data.loading) return data.text;
	      	return data.title || data.category_id
	    }

	    function formatRepoSelection (data) {
	    	//console.log('dfafds',data)
	      	return data.title || data.category_id
	    }

	$(".js-data-example-ajax").select2({
		placeholder: {
	    id: '0', // the value of the option
	    title: 'Lütfen Üst Kategori Seçimi Yapınız.Seçim Yapmazsanız Ana Kategori Olarak Eklenecektir.'
	 },
	 id: function(e) { return e.category_id; },
	ajax: {
	    url: "{{ URL::to('admin/categories/categorydata') }}",
	    dataType: 'json',
	    delay: 250,
	    
	    data: function (params) {
	      //console.log(params)
	      return {
	        q: params.term, // search term
	        page: params.page
	      };
	    },
	    processResults: function (data, params) {
	      // parse the results into the format expected by Select2
	      // since we are using custom formatting functions we do not need to
	      // alter the remote JSON data, except to indicate that infinite
	      // scrolling can be used
	      params.page = params.page || 1;
	      //console.log('veri',data)

	      return {

	        //results: data.data,
	        // gelen json da id leri category id ye ceviriyoruz

	        results: $.map(data.data, function (item) {
                    return {
                        title: item.title,
                        id: item.category_id
                    }
                }),
	        pagination: {
	          more: ( params.page * 5) < data.total
	        }
	      };
	    },
	    cache: true
	  },
	  escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
	  minimumInputLength: 1,
	  templateResult: formatRepo, // omitted for brevity, see the source of this page
	  templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
	});
	</script>
@stop

@stop