@extends('la.layouts.app')

@section('htmlheader_title')
	Publicacione View
@endsection


@section('main-content')
<div id="page-content" class="profile2">
	<div class="bg-primary clearfix">
		<div class="col-md-4">
			<div class="row">
				<div class="col-md-3">
					<!--<img class="profile-image" src="{{ asset('la-assets/img/avatar5.png') }}" alt="">-->
					<div class="profile-icon text-primary"><i class="fa {{ $module->fa_icon }}"></i></div>
				</div>
				<div class="col-md-9">
					<h4 class="name">{{ $publicacione->$view_col }}</h4>
					 
				</div>
			</div>
		</div>
		<div class="col-md-3"> 
		</div>
		<div class="col-md-4">
		</div>
		<div class="col-md-1 actions">
			@la_access("Publicaciones", "edit")
				<a href="{{ url(config('laraadmin.adminRoute') . '/publicaciones/'.$publicacione->id.'/edit') }}" class="btn btn-xs btn-edit btn-default"><i class="fa fa-pencil"></i></a><br>
			@endla_access
			
			@la_access("Publicaciones", "delete")
				{{ Form::open(['route' => [config('laraadmin.adminRoute') . '.publicaciones.destroy', $publicacione->id], 'method' => 'delete', 'style'=>'display:inline']) }}
					<button class="btn btn-default btn-delete btn-xs" type="submit"><i class="fa fa-times"></i></button>
				{{ Form::close() }}
			@endla_access
		</div>
	</div>

	<ul data-toggle="ajax-tab" class="nav nav-tabs profile" role="tablist">
		<li class=""><a href="{{ url(config('laraadmin.adminRoute') . '/publicaciones') }}" data-toggle="tooltip" data-placement="right" title="Back to Publicaciones"><i class="fa fa-chevron-left"></i></a></li>
		<li class="active"><a role="tab" data-toggle="tab" class="active" href="#tab-general-info" data-target="#tab-info"><i class="fa fa-bars"></i> General Info</a></li>
		<li class=""><a role="tab" data-toggle="tab" href="#tab-timeline" data-target="#tab-timeline"><i class="fa fa-clock-o"></i> Contenido</a></li>
	</ul>

	<div class="tab-content">
		<div role="tabpanel" class="tab-pane active fade in" id="tab-info">
			<div class="tab-content">
				<div class="panel infolist">
					<div class="panel-default panel-heading">
						<h4>General</h4>
					</div>
					<div class="panel-body">
						<div class="col-md-8 col-md-offset-2">
										{!! Form::model($publicacione, ['route' => [config('laraadmin.adminRoute') . '.publicaciones.update', $publicacione->id ], 'method'=>'PUT', 'id' => 'publicacione-edit-form']) !!}
											@la_form($module)
											
											{{--
											@la_input($module, 'titulo')
											@la_input($module, 'publicado')
											@la_input($module, 'categoria')
											@la_input($module, 'fecha')
											@la_input($module, 'keywords')
											@la_input($module, 'introduccion')
											@la_input($module, 'autor')
											--}}
											<br>
											<div class="form-group">
												{!! Form::submit( 'Update', ['class'=>'btn btn-success']) !!} <button class="btn btn-default pull-right"><a href="{{ url(config('laraadmin.adminRoute') . '/publicaciones') }}">Cancel</a></button>
											</div>
										{!! Form::close() !!}
						</div>
					</div>
				</div>
			</div>
		</div> 
		<div role="tabpanel" class="tab-pane fade in p20 bg-white" id="tab-timeline">
		
			<ul class="listaModulo" style="margin-bottom: 3%;">
			@foreach ($tipos as $tipo)
				<li class="listaModulos col-md-4 col-xs-12"><a tipo="{{ $tipo->id }}" publicacion_id="{{ $publicacione->id }}" class="addModuleMenu pull-right" style="width:100%;"><i class="fa  {{ $tipo->icon }}"></i> &nbsp;&nbsp;{{ $tipo->name }}  <i class="fa fa-plus" style="float: right;  margin-top: 5px;"></i></a></li>
			@endforeach
			<div  class="col-md-12" id="cargando" style="text-align: center; display:none;" >
				 <img class="centered" src="{{ asset('/la-assets/img/cargando.gif') }}" style=" width: 140px; text-align:center;" alt=""> 
			</div> 
			</ul>

			<div class="dd" id="menu-nestable" style="max-width:100%;">
				 <ol class="dd-list timeline timeline-inverse"> 
				 
				   @foreach ($contenidos as $contenido)
					<li class="dd-item dd3-item" data-id="{{$contenido->id }}" id="lista_{{$contenido->id }}"> 
					<div class="dd-handle dd3-handle"></div>					
					<div class="timeline-item">  
						<h3 class="timeline-header">&nbsp;<i class="fa {{$contenido->Tipo->icon }} bg-blue iconoModulo"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{$contenido->Tipo->name }}</h3> 
						@if($contenido->tipo==1)
							<div class="timeline-body">
						         <textarea class="ckeditor" name="editor1"  id="contenidoTexto_{{$contenido->id }}" rows="10" cols="80">{{$contenido->description}}</textarea>
							</div>
							<div class="timeline-footer">
							<!--a class="btn btn-primary btn-xs">Read more</a-->
							<a class="btn btn-danger btn-xs boton_borrar"  publicacion_id="{{ $publicacione->id }}"   data-id="{{$contenido->id }}">Eliminar</a>
							<a class="btn btn-success btn-xs contenidoTexto"  publicacion_id="{{ $publicacione->id }}"   data-id="{{$contenido->id }}">Guardar</a>
							</div>
						@endif
						@if($contenido->tipo==2)
							<div class="timeline-body">   
									<label for="imagen" style="display:block;">Imagen :</label>
									<input class="form-control" placeholder="Enter Imagen" name="contenidoArchivo_{{$contenido->id }}"  id="contenidoArchivo_{{$contenido->id }}" type="hidden" value="{{$contenido->imagen }}">
									<a class="btn btn-default btn_upload_file" file_type="file" selecter="contenidoArchivo_{{$contenido->id }}">
									Cargar 
									<i class="fa fa-cloud-upload"></i>
									</a> 
									<a class="uploaded_file hide" target="_blank">
										<i class="fa fa-file-o"></i>
										<i title="Remove File" class="fa fa-times"></i>
									</a>   
								@foreach ($imagenes as $img)
									@if ($contenido->imagen==$img->id)
										<img src="{{ url('files/'.$img->hash.'/'.$img->name)}}" alt="{{ $img->caption }}" style="margin-left: 10rem;  max-width: 20rem;">
									@endif 
								@endforeach  
							</div>
							<div class="timeline-footer">
							<!--a class="btn btn-primary btn-xs">Read more</a-->
							<a class="btn btn-danger btn-xs boton_borrar"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Eliminar</a>
							<a class="btn btn-success btn-xs contenidoArchivo"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Guardar</a>
							</div>
						@endif
						@if($contenido->tipo==3)
							<div class="timeline-body"> 
								 <label for="name">Link Video* :</label>
									<input class="form-control"   data-rule-maxlength="1000" required="1" id="contenidoVideo_{{$contenido->id }}" name="video" type="text" value="{{ $contenido->description }}" aria-required="true"> 
									 
									@if(trim($contenido->description)!="")
										<iframe   height="315" style="margin-top:5rem; margin-left:10rem; margin-left:15%; width:70%" src="https://www.youtube.com/embed/{{ substr($contenido->description,32) }}" 
											frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
										 allowfullscreen></iframe>
									@endif
									
							</div>
							<div class="timeline-footer">
							<!--a class="btn btn-primary btn-xs">Read more</a-->
							<a class="btn btn-danger btn-xs boton_borrar"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Eliminar</a>
							<a class="btn btn-success btn-xs contenidoVideo"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Guardar</a>
							</div>
						@endif
						@if($contenido->tipo==4)
							<div class="timeline-body"> 
								 <label for="name">Link* :</label>
									<input class="form-control"   data-rule-maxlength="1000" required="1" name="link" id="contenidoLink_{{$contenido->id }}" type="text" value="{{ $contenido->description }}" aria-required="true"> 
							</div>
							<div class="timeline-footer">
							<!--a class="btn btn-primary btn-xs">Read more</a-->
							<a class="btn btn-danger btn-xs boton_borrar"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Eliminar</a>
							<a class="btn btn-success btn-xs contenidoLink"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Guardar</a>
							</div>
						@endif
						@if($contenido->tipo==5)
							<div class="timeline-body"> 
						        <label for="archivo" style="display:block;">Archivo :</label>
								<input class="form-control" placeholder="Enter Archivo" name="archivo" id="contenidoPDF_{{$contenido->id }}" type="hidden" value="0">
								<a class="btn btn-default btn_upload_file" file_type="file" selecter="archivo">Cargar <i class="fa fa-cloud-upload"></i></a>
								<a class="uploaded_file hide" target="_blank">
									<i class="fa fa-file-o"></i>
									<i title="Remove File" class="fa fa-times"></i>
								</a> 
							</div> 
							<div class="timeline-footer">
							<!--a class="btn btn-primary btn-xs">Read more</a-->
							<a class="btn btn-danger btn-xs boton_borrar"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Eliminar</a>
							<a class="btn btn-success btn-xs contenidoPDF"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Guardar</a>
							   @foreach ($imagenes as $img)
									@if ($contenido->imagen==$img->id)
										<a href="{{ url('files/'.$img->hash.'/'.$img->name)}}" class="btn btn-info btn-xs "  target="_new"  >Descargar / Ver</a>
									@endif 
								@endforeach 
							</div>
						@endif
						@if($contenido->tipo==6)
							<div class="timeline-body"> 
						       <label for="galeria" style="display:block;">Galeria (650px x 450px):</label>
							   <input class="form-control" placeholder="Enter Galeria" name="galeria" id="contenidoGaleria_{{$contenido->id }}" type="hidden" value="[]">
							   <div class="uploaded_files"></div>
							   <a class="btn btn-default btn_upload_files" file_type="files" selecter="galeria" style="margin-top:5px;">
								Upload 
							   <i class="fa fa-cloud-upload"></i>
							   </a>
								@foreach ($imagenes as $img)
									@if (in_array($img->id, json_decode($contenido->galeria)))
										<img src="{{ url('files/'.$img->hash.'/'.$img->name)}}" alt="{{ $img->caption }}" style="margin-left: 10rem;  max-width: 10rem;">
									@endif 
								@endforeach  
							</div>
							<div class="timeline-footer">
							<!--a class="btn btn-primary btn-xs">Read more</a-->
							<a class="btn btn-danger btn-xs boton_borrar"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Eliminar</a>
							<a class="btn btn-success btn-xs contenidoGaleria"  publicacion_id="{{ $publicacione->id }}"  data-id="{{$contenido->id }}">Guardar</a>
							</div>
						@endif 
					</div>
					</li> 
					@endforeach 
				</ol> 
			</div>
			<!--<div class="text-center p30"><i class="fa fa-list-alt" style="font-size: 100px;"></i> <br> No posts to show</div>-->
		</div>
		
	</div>
	</div>
	</div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('la-assets/plugins/nestable/jquery.nestable.js') }}"></script>
<script src="{{ asset('la-assets/plugins/iconpicker/fontawesome-iconpicker.js') }}"></script>
<script src="{{ asset('la-assets/ckeditor/ckeditor.js') }}"></script>
<script>
$(function () {
 

	$('#menu-nestable').nestable({
        group: 1
    });
		
	$('#menu-nestable').on('change', function() {
	 	var jsonData = $('#menu-nestable').nestable('serialize'); 
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/sortContenido') }}",
			method: 'POST',
			data: {
				jsonData: jsonData,
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			}
		}); 
	});
	 
	$(document).on("click",".contenidoTexto", function() {
		
		var contenido_id = $(this).attr("data-id"); 
		var texto =  $("#contenidoTexto_"+contenido_id).val();  
		var texto =  CKEDITOR.instances["contenidoTexto_"+contenido_id].getData();
		var publicacion_id = $(this).attr("publicacion_id");
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/editContenidoTexto') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				texto: texto, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			
					$.ajax({
						url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/cargarContenido') }}",
						method: 'POST',
						data: { 
							publicacion_id: publicacion_id,  
							"_token": '{{ csrf_token() }}'
						},
						success: function( data ) { 
							
			
										$( "#cargando").hide(); 
										$( "#menu-nestable").html(data);  
										 $('.ckeditor').each(function(e){
												CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
											});		
						}
					});
			}
		});
	});
	
	$(document).on("click",".contenidoLink", function() {
		
		var contenido_id = $(this).attr("data-id"); 
		var liga = $("#contenidoLink_"+contenido_id).val(); 
		var publicacion_id = $(this).attr("publicacion_id");
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/editContenidoLink') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				liga: liga, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data);   
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});		 
							}
						}); 	
			}
		});
	});
	
	
	$(document).on("click",".contenidoGaleria", function() {
		
		var contenido_id = $(this).attr("data-id"); 
		var galeria = $("#contenidoGaleria_"+contenido_id).val(); 
		var publicacion_id = $(this).attr("publicacion_id");
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/editContenidoGaleria') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				galeria: galeria, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data);   
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});		 
							}
						}); 	
			}
		});
	});
	 
	$(document).on("click",".contenidoVideo", function() {
		
		var contenido_id = $(this).attr("data-id"); 
		var video = $("#contenidoVideo_"+contenido_id).val(); 
		var publicacion_id = $(this).attr("publicacion_id");
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/editContenidoVideo') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				video: video, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) {
			
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data);   
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});		 
							}
						}); 	
			}
		});
	});
	
	$(document).on("click",".contenidoArchivo", function() {
		
		var contenido_id = $(this).attr("data-id"); 
		var archivo = $("#contenidoArchivo_"+contenido_id).val(); 
		var publicacion_id = $(this).attr("publicacion_id");
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/editContenidoImagen') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				archivo: archivo, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data);    
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});		
							}
						}); 	
			}
		});
	});
	
	$(document).on("click",".contenidoPDF", function() {
		
		var contenido_id = $(this).attr("data-id"); 
		var archivo = $("#contenidoPDF_"+contenido_id).val(); 
		var publicacion_id = $(this).attr("publicacion_id");
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/editContenidoPDF') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				archivo: archivo, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data); 
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});		   
							}
						}); 	
			}
		});
	});
	
	
	
	$(document).on("click", ".boton_borrar",function() { 
		var contenido_id = $(this).attr("data-id"); 
		var publicacion_id = $(this).attr("publicacion_id");
		$(this).text('Borrando...');
		$(this).css("background-color", "#989494");
		$(this).css("border-color", "#737171");
 
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/borrarContenido') }}",
			method: 'POST',
			data: { 
				contenido_id: contenido_id, 
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 	
	        $( "#lista_" + contenido_id ).slideUp();  
/*
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data);    
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});		
							}
						});		  */
			}
		});
	});
	
	$(".addModuleMenu").on("click", function() {
		
		$( "#cargando").show(); 
		var tipo_id = $(this).attr("tipo");
		var publicacion_id = $(this).attr("publicacion_id");
		
		$.ajax({
			url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones_contenidos/addContenido') }}",
			method: 'POST',
			data: { 
				tipo_id: tipo_id,
				publicacion_id: publicacion_id,
				"_token": '{{ csrf_token() }}'
			},
			success: function( data ) { 
			
						$.ajax({
							url: "{{ url(config('laraadmin.adminRoute') . '/publicaciones/cargarContenido') }}",
							method: 'POST',
							data: { 
								publicacion_id: publicacion_id,  
								"_token": '{{ csrf_token() }}'
							},
							success: function( data ) { 
						      
		                        $( "#cargando").hide(); 
								$( "#menu-nestable").html(data);    
								 $('.ckeditor').each(function(e){
										CKEDITOR.replace( this.id, { customConfig: 'la-assets/ckeditor/config_Large.js' });
									});					
							}
						}); 				 
			}
		});
	}); 
});
</script>
@endpush