@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">Ürünler</h3>
					<small>Yeni Ürün Ekle</small>
				</div>
			</div>


			@if(Auth::user()->authorized == 1 OR Auth::user()->add == 1)
				<section class="panel" id="newcategorycontent">
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">
								<h4>Yeni Ürün Bilgileri</h4><hr>
								
								<form method="POST" action="{{ URL::to('admin/products/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 Bilgiler</a></li>
										<li style="display: none;" class=""><a href="admin/settings#image" data-toggle="tab">Resimler</a></li>
										<li style="display: none;" class=""><a href="admin/settings#feature" data-toggle="tab">Özellikler</a></li>
										<li style="display: none;" class=""><a href="admin/settings#seo" data-toggle="tab">Seo Verileri</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">Ürün Resmi :</label>
																<input type="file" name="image" class="form-control">
															</div>
														@endif

														<div class="form-group">
															<label for="title_{{ $lang->short }}">Ürün 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="short_text_{{ $lang->short }}">Kısa Açıklama :</label>
															<textarea name="short_text_{{ $lang->short }}" id="short_text_{{ $lang->short }}" class="form-control" rows="3"></textarea>
														</div>

														<div class="form-group">
															<label for="product_weight_{{ $lang->short }}">Ürün Ağırlığı :</label>
															<input name="product_weight_{{ $lang->short }}" class="form-control">
														</div>

														<div class="form-group">
															<label for="text_{{ $lang->short }}">Açıklama 1 :</label>
															<textarea name="text_{{ $lang->short }}" id="editor_{{ $lang->id }}_1" class="form-control"></textarea>
														</div>
														<!--
														<div class="form-group">
															<label for="text2_{{ $lang->short }}">Açıklama 2 :</label>
															<textarea name="text2_{{ $lang->short }}" id="editor_{{ $lang->id }}_2" class="form-control"></textarea>
														</div>

														<div class="form-group">
															<label for="text3_{{ $lang->short }}">Açıklama 3 :</label>
															<textarea name="text3_{{ $lang->short }}" id="editor_{{ $lang->id }}_3" class="form-control"></textarea>
														</div>
														-->
													</div>
																								@endforeach
											</div>
										</div>

										<div class="tab-pane" id="other">
											
											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label for="parent_id">Ürün Kategorileri :</label><br>
														<select class="js-data-example-ajax form-control" name="parent_id[]" multiple></select>
													</div>
												</div>
											</div>

											<!--<div class="col-md-6">
												<div class="form-group">
													<label for="parent_id">Tasarımcı & Öğrenci :</label><br>
													<select class="form-control" name="designer">
														<option value="0">Ürün Tasarımcısı</option>
														<optgroup label="Tasarımcılar">
														  @foreach($designers as $designer)
														  	<option value="{{ $designer->id }}">{{ $designer->name }}</option>
														  @endforeach
														</optgroup>
														<optgroup label="Öğrenciler">
														  @foreach($students as $student)
														  	<option value="{{ $student->id }}">{{ $student->name }}</option>
														  @endforeach
														</optgroup>
													</select>
												</div>
											</div>-->

											<div class="row" style="display: none;">
												<div class="col-md-3">
													<div class="form-group">
														<label for="code">Ürün Kodu :</label>
														<input type="text" name="code" class="form-control" id="code">
													</div>
												</div>

												<div class="col-md-3">
													<div class="form-group">
														<label for="brand">Ürün Markası :</label>
														<select name="brand_id" class="form-control">
															<option value="0">Lütfen Marka Seçiniz</option>
															@foreach($brands as $brand)
																<option value="{{ $brand->id }}">{{ $brand->listcat->title }}</option>
															@endforeach
														</select>
													</div>
												</div>

												<div class="col-md-6">
													<div class="form-group">
														<div class="row">
															<div class="col-md-8">
																<label for="stock">Stok Sayısı :</label>
																<input type="number" name="stock" class="form-control" id="stock">
															</div>

															<div class="col-md-4">
																<label for="unit_id">Birim :</label>
																<select name="unit_id" id="unit_id" class="form-control">
																	@foreach($units as $unit)
																		<option value="{{ $unit->id }}">{{ $unit->listunit->title }}</option>
																	@endforeach
																</select>
															</div>
														</div>
													</div>
												</div>
											</div>

											<div class="row" style="display: none;">
												<div class="col-md-3">
													<div class="form-group">
														<label for="price">Ürün Fiyatı :</label>
														<input type="text" name="price" class="form-control" id="price">
													</div>
												</div>

												<div class="col-md-3">
													<div class="form-group">
														<label for="lastprice"><small><=İndirimli</small> Önceki Fiyat :</label>
														<input type="text" name="lastprice" class="form-control" id="lastprice">
													</div>
												</div>

												<div class="col-md-6">
													<div class="form-group">
														<label for="currency">Para Birimi :</label>
														<select name="currency" id="currency" class="form-control">
															@foreach($currencies as $currency)
																<option value="{{ $currency->id }}">{{ $currency->title }}-({{ $currency->code }})</option>
															@endforeach
														</select>
													</div>
												</div>
												
											</div>

											<div class="row" style="display: none;">

												<div class="col-md-6">
													<div class="form-group">
														<label for="tax">Vergi Oranı :</label>
														<input type="number" name="tax" class="form-control" id="tax" value="0" placeholder="Rakam Olarak Belirtiniz">
													</div>
												</div>

												<div class="col-md-6">
													<div class="form-group">
														<label for="status">Ürün Durumu :</label>
														<select name="status" id="status" class="form-control">
															<option value="1">Yayında</option>
															<option value="0">Beklemede</option>
														</select>
													</div>
												</div>
											</div>

											<div class="row" style="display: none;">
												<div class="col-md-6">
													<div class="form-group">
														<label for="proposal">Önerilen Ürünler :</label>
														<select name="proposal" id="proposal" class="form-control">
															<option value="0">Gösterme</option>
															<option value="1">Göster</option>
														</select>
													</div>
												</div>

												<div class="col-md-6">
													<div class="form-group">
														<label for="shipproduct">Yeni Ürün :</label>
														<select name="shipproduct" id="shipproduct" class="form-control">
															<option value="0">Hayır</option>
															<option value="1">Evet</option>
														</select>
													</div>
												</div>
											</div>
											

										</div>

										<div class="tab-pane" id="image">
											
											<div class="form-group">
												<label for="addingimages">Eklenecek Resimler:</label>
												<span><small>Maksimum 10 adet resim seçebilirsiniz, maksimum toplam boyut 5 megabayt.Desteklenen formatlar:gif,jpg,png,JPG,jpeg</small></span>
												<input type="file" id="addingimages" name="images[]" maxlength="10" data-maxfile="5120" accept="gif|jpg|png|JPG|jpeg" class="multi with-preview form-control" multiple />
											</div>

										</div>

										<div class="tab-pane" id="feature">
											
											@if(count($features) > 0)
												@foreach($features as $feature)
													<div class="form-group">
														<label>@if($feature->listfeature->title != ""){{ $feature->listfeature->title }}:@else <span class="text-muted">Başlık Yazılmadı:</span> @endif</label><br>
														@if(count($feature->countsub) > 0)
															@foreach($feature->countsub as $sub)
																<div class="row">
																	<div class="col-md-3">
																		&nbsp;&nbsp;<input type="checkbox" id="feature_variable_button_{{ $sub->id }}" name="feature[]" value="{{ $sub->id }}"> <label class="sub_feature" for="feature_variable_button_{{ $sub->id }}">@if($sub->listfeature->title != ""){{ $sub->listfeature->title }}@else <span class="text-muted">Başlık Yazılmadı</span> @endif</label>
																	</div>

																	<div id="feature_variable_content_{{ $sub->id }}" style="display: none;">
																		<div class="col-md-1 col-md-1-price">
																			<span class="feature-title">Fiyata Etkisi:</span>
																		</div>

																		<div class="col-md-2">
																			<select class="form-control price-status" name="featureeffect[]" disabled="disabled">
																				<option value="+">+</option>
																				<option value="-">-</option>
																			</select>
																			<input type="text" class="form-control price-value multi_price" value="0" name="featureprice[]" disabled="disabled">
																		</div>

																		<div class="col-md-1 col-md-1-price">
																			<span class="feature-title">Stok Bilgisi:</span>
																		</div>

																		<div class="col-md-2">
																			<input type="number" class="form-control price-value-2" name="featurestock[]" value="0" disabled="disabled">
																		</div>

																		<div class="col-md-1 col-md-1-price">
																			<span class="feature-title">Seçim:</span>
																		</div>

																		<div class="col-md-2">
																			<select class="form-control price-select" name="featureselect[]" disabled="disabled">
																				<option value="1">Zorunlu</option>
																				<option value="0">Zorunlu Değil</option>
																			</select>
																		</div>

																	</div>
																</div>
															@endforeach
														@else
															<small class="text-muted">&nbsp;&nbsp;Bu Özellik İçin Henüz Öğe Eklenmedi!</small>
														@endif
													</div> 
												@endforeach
											@else
												<blockquote>
													<small class="text-muted">
														Sisteme Henüz Özellik Eklenmedi.Bu Alanı Kullanabilmek İçin Lütfen Özellik Ekleyiniz!
													</small>
												</blockquote>
											@endif

										</div>

										<div class="tab-pane" id="seo">
										
											<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

		</div>
 
	</section>

<!-- 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')

	@if(count($features) > 0)
		@foreach($features as $feature)
			@foreach($feature->countsub as $sub)
				<script type="text/javascript">
					$(document).ready(function(){
						$(document.getElementById("feature_variable_button_{{ $sub->id }}")).click(function(){
							if(document.getElementById('feature_variable_button_{{ $sub->id }}').checked) {
							    $(document.getElementById("feature_variable_content_{{ $sub->id }}")).show();
					        	$("#feature_variable_content_{{ $sub->id }} :input").attr("disabled", false);
							} else {
							    $(document.getElementById("feature_variable_content_{{ $sub->id }}")).hide();
					        	$("#feature_variable_content_{{ $sub->id }} :input").attr("disabled", true);
							}
						});
					});
				</script>
			@endforeach
		@endforeach
	@endif

	<script type="text/javascript" src="{!! asset('adminfile/vendor/priceformat/priceformat.js') !!}"></script>
	<script type="text/javascript">
        $(function(){
            $('#price').priceFormat({
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.'
            });

            $('#lastprice').priceFormat({
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.'
            });

            $('.multi_price').priceFormat({
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.'
            });
        });
    </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 }}_1', {
		    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

	  	@foreach($activelanguages as $lang)
		  CKEDITOR.replace( 'editor_{{ $lang->id }}_2', {
		    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

	  	@foreach($activelanguages as $lang)
		  CKEDITOR.replace( 'editor_{{ $lang->id }}_3', {
		    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/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: 'Birden Fazla Kategori Seçimi Yapabilirsiniz'
	 },
	 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>
	<script type="text/javascript" src="{!! asset('adminfile/js/MultiFile.js') !!}"></script>

@stop

@stop