@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">Sayfalar</h3>
					<small>Yeni Sayfa 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 Sayfa 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 Sayfa Bilgileri</h4><hr>
							
							<form method="POST" action="{{ URL::to('admin/pages/new') }}" id="addNewCategory" enctype="multipart/form-data">
							{!! csrf_field() !!}

								<ul id="myTab2" class="nav nav-tabs">
									<li class="active"><a href="admin/settings#general" data-toggle="tab">Genel Veriler</a></li>
									<li class=""><a href="admin/settings#other" data-toggle="tab">Diğer</a></li>
								</ul>

								<div id="myTabContent2" class="tab-content">
									<div class="tab-pane active" id="general">

									@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">
															<label for="image">Üst Sayfa :</label><br>
															<select class="js-data-example-ajax form-control" name="parent_id">
															</select>
														</div>

														<div class="form-group">
															<div class="row">
																<div class="col-md-6">
																	<label for="image">İçerik Görseli :</label>
																	<input type="file" name="image" class="form-control" id="image">	
																</div>

																<div class="col-md-6">
																	<label for="icon">Icon :</label>
																	<input type="file" name="icon" class="form-control" id="icon">	
																</div>
															</div>
														</div>

														<!--<div class="form-group">
															<label for="image">Katalog :</label>
															<input type="file" name="catfile" class="form-control" id="image">
														</div>-->
													@endif

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

													@if($t == 1)
														<div class="form-group">
															<label>Menü Tipi:</label>
															<select name="menutype" class="form-control">
																<option value="0">Diğer</option>
																<option value="1">Header Menüsü</option>
																<option value="2">Header Sub Menü</option>
															</select>
														</div>

														<div class="form-group">
															<label>Sektörel Detay Blok:</label>
															<select name="detail_type" class="form-control">
																<option value="">Sektörel Detay Sayfası İçin Seçim Yapabilirsiniz</option>
																<option value="1">Sektörel Detay Üst Blok</option>
																<option value="2">Sektörel Detay Yönetici Paneli</option>
																<option value="3">Sektörel Detay Çözümler</option>
															</select>
														</div>
													@endif

													<!--<div id="showdate" style="display: none;">
														@if($t == 1)
															<div class="form-group">
																<label for="activitydate">Etkinlik Tarihi :</label><br>
																<input type="text" name="activitydate" class="form-control datepicker" style="padding-left: 13px;">
															</div>
														@endif
													</div>-->

													<div class="form-group">
														<div class="row">
															<div class="col-md-9">
																<label for="otherlink_{{ $lang->short }}">Harici Link :</label>
																<input type="text" name="otherlink_{{ $lang->short }}" class="form-control" id="otherlink_{{ $lang->short }}">
															</div>

															@if($t == 1)
																<div class="col-md-3">
																	<label for="target">Yeni Sekme :</label>
																	<select name="target" class="form-control">
																		<option value="0">Hayır</option>
																		<option value="1">Evet</option>
																	</select>
																</div>
															@endif
														</div>
													</div>

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

													<div class="form-group">
														<textarea name="text_{{ $lang->short }}" id="editor_{{ $lang->id }}" class="form-control"></textarea>
													</div>

												</div>
																						@endforeach
										</div>
									</div>

									<div class="tab-pane" id="other">
										<div id="myTabContent3" 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#tabTwo{{ $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

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

													<div class="form-group">
														<label for="meta_title_{{ $lang->short }}">Meta Başlığı :</label>
														<input type="text" name="meta_title_{{ $lang->short }}" class="form-control" id="meta_title_{{ $lang->short }}">
													</div>

													<div class="form-group">
														<div class="row">
															<div class="col-md-6">
																<label for="meta_description_{{ $lang->short }}">Meta Açıklama :</label>
																<textarea name="meta_description_{{ $lang->short }}" id="meta_description_{{ $lang->short }}" class="form-control" rows="3"></textarea>
															</div>

															<div class="col-md-6">
																<label for="meta_keywords_{{ $lang->short }}">Anahtar Kelimeler :</label>
																<textarea name="meta_keywords_{{ $lang->short }}" id="meta_keywords_{{ $lang->short }}" class="form-control" rows="3" placeholder="Aralarına virgül ekleyerek yazınız"></textarea>
															</div>
														</div>
													</div>

												</div>
																						@endforeach

										</div>
									</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>Sayfalar <small><i>@if($selectedpage == "")[Üst Sayfa]@else [@if($selectedpage->listpage->title == "")<b>İsimsiz Sayfa</b> @else <b>{{ $selectedpage->listpage->title }}</b> @endif Alt Sayfaları] @endif</i></small></h4><hr>
							
								@if(count($pages) > 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>Sayfa Başlığı</b></a>
								                  </td>
								                  <td class="text-right" style="width: 11%;"><b>Eylem</b></td>
								                </tr>
							              	</thead>

								            <tbody id="test-list">
								            	@foreach($pages 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="{{ URL::to('admin/pages?parent='.$cat->id.'') }}">@if($cat->listpage->title != ""){{ $cat->listpage->title }}@else <span class="text text-warning">Başlık Yazılmadı</span> @endif <small class="count-sub"><i> | {{ count($cat->countsub) }} Alt Sayfa</i></small></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/pages/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/pages/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>

			          				{{ $pages->links() }}

			          			@else
			          				<blockquote class="blockquote-box blockquote-warning clearfix">
				                		Seçtiğiniz Sayfaya Ait Alt Sayfa Bulunamadı!
				                	</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/pages/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">Sayfa Sil</h4>
		      </div>
		      <div class="modal-body">
		        Seçilen sayfayı 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"/>
    <link rel="stylesheet" href="{!! asset('adminfile/vendor/bootstrap-datepicker/datepicker.css') !!}">
	<link rel="stylesheet" href="{!! asset('adminfile/vendor/timepicker/jquery.timepicker.css') !!}">
@stop

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
	<script src="{!! asset('adminfile/vendor/bootstrap-datepicker/bootstrap-datepicker.js') !!}"></script>
	<script type="text/javascript">
		$('.datepicker').datepicker({
		    format: 'dd-mm-yyyy',
		    autoclose: true
		});
	</script>

	<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/pages/order') }}",posted,function(e){
				});
		    }
		  })
		});
	</script>

	<script src="{!! asset('ckeditor/ckeditor.js') !!}"></script>
    <script src="{!! asset('ckeditor/config.js') !!}"></script>
	<script>
		@foreach($activelanguages as $lang)
		  CKEDITOR.replace( 'editor_{{ $lang->id }}', {
		    filebrowserImageBrowseUrl: '{{ asset("laravel-filemanager?type=Images") }}',
		    filebrowserImageUploadUrl: '{{ asset("laravel-filemanager/upload?type=Images&_token=") }}{{csrf_token()}}',
		    filebrowserBrowseUrl: '{{ asset("laravel-filemanager?type=Files") }}',
		    filebrowserUploadUrl: '{{ asset("laravel-filemanager/upload?type=Files&_token=") }}{{csrf_token()}}'
		  });
	  	@endforeach
	</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.page_id
	    }

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

	$(".js-data-example-ajax").select2({
		placeholder: {
	    id: '0', // the value of the option
	    title: 'Lütfen Üst Sayfa Seçimi Yapınız.Seçim Yapmazsanız Üst Sayfa Olarak Eklenecektir.'
	 },
	 id: function(e) { return e.page_id; },
	ajax: {
	    url: "{{ URL::to('admin/pages/pagedata') }}",
	    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.page_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
	});

	$('.js-data-example-ajax').on('change', function() {
	  var selectedSector = this.value;
	  if(selectedSector == 18 || selectedSector == 4){
	  	$('#showdate').show(200);
	  } else {
	  	$('#showdate').hide(200);
	  }
	});
	</script>
@stop

@stop