@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">Kategoriler</h3>
					<small>Kategoriler & Yeni Kategori Ekle</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 Kategori 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 Kayıt Bilgileri</h4><hr>
							
							<form method="POST" action="{{ URL::to('admin/blog/newcategory') }}" id="addNewCategory" enctype="multipart/form-data">
							{!! csrf_field() !!}

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

							<div class="form-group">
								<label for="title">Başlık :</label>
								<input type="text" name="title" class="form-control" id="title" required>
							</div>

							<div class="form-group">
								<label for="text">Açıklama :</label>
								<textarea name="text" id="text" class="form-control" rows="3"></textarea>
							</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>Kategoriler</h4><hr>
							
								@if(count($categories) > 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>Başlık</b></a>
								                  </td>
								                  <td class="text-right" style="width: 11%;"><b>Eylem</b></td>
								                </tr>
							              	</thead>

								            <tbody id="test-list">
								            	@foreach($categories as $rec)
									                <tr id="listItem_{{ $rec->id }}">
									                	<td class="text-center short-icon"><span class="ion-arrow-move"></span></td>
										                <td class="text-left" href=""><a href="#">{{ $rec->title }}</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/blog/categoryupdate/'.$rec->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="{{ $rec->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/blog/categoryupdate/'.$rec->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="{{ $rec->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>
			          			@else
			          				<blockquote class="blockquote-box blockquote-warning cl"earfix">
				                		Henüz Kayıt Eklenmedi!
				                	</blockquote>
				                @endif

						</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/blog/categorydelete') }}" 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">Kategori Sil</h4>
		      </div>
		      <div class="modal-body">
		        Seçilen kategoriyi 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/blog/categoryorder') }}",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