@extends($current_template)

@section('content')
<div class="content-wrapper">
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h1>
			<?php echo (isset($colaborador)) ? 'Editar' : 'Criar'; ?>
			<small>Informações Colaborador</small>
		</h1>
		<ol class="breadcrumb">
			<li><a href="{{ url('/admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
			<li><a href="{{ url('/admin/colaborador') }}">Colaborador</a></li>
			<li class="active"><?php echo (isset($colaborador)) ? 'Editar' : 'Criar'; ?></li>
		</ol>
	</section>
	<section class="content">
		<div class="row">
			<div class="col-lg-12">
				<div class="box">
					<div class="box-header">

					</div>
					<!-- /.box-header -->
					<div class="box-body">
						<ul class="nav nav-pills nav-justified">
							<li class="active"><a data-toggle="pill" href="#info-tab">Informações Colaborador</a></li>
							@if(isset($colaborador))
							<li><a data-toggle="pill" href="#acesso-tab">Acesso ao Portal</a></li>
							<li><a data-toggle="pill" href="#documentos-tab">Documentos</a></li>
							<li><a data-toggle="pill" href="#ocorrencias-tab">Ocorrências</a></li>
							<li><a data-toggle="pill" href="#acompanhamento-tab">Acompanhamento</a></li>

							
							@endif
							<?php if($modulo->imagem){ ?>
								<li><a data-toggle="pill" href="#image-tab">Imagem</a></li>
							<?php } ?>
							<?php /*<li><a data-toggle="pill" href="#image2-tab">Imagem Secundária</a></li><?php */ ?>
							<?php if($modulo->galeria){ ?>
								<li><a data-toggle="pill" href="#imagens-tab">Galeria</a></li>
							<?php } ?>
							<?php /* ?><li><a data-toggle="pill" href="#seo-tab">SEO</a></li><?php */ ?>
						</ul>
						<div class="spacer"></div>
						<form id="mainForm" class="form-horizontal" role="form" method="POST" action="{{ url('/admin/colaborador/save') }}">
						<input id="usuario_id" name="usuario_id" type="hidden" value="{{ isset($colaborador) && $colaborador->usuario_id ? $colaborador->usuario_id : '' }}" />
						<div class="tab-content">

								<div id="info-tab" class="tab-pane fade in active">
									{{ csrf_field() }}
									<?php if($modulo->imagem){ ?>
										<input type="hidden" name="thumbnail_principal" value="<?php echo (isset($colaborador)) ? $colaborador->thumbnail_principal : ''; ?>">
									<?php } ?>
									<?php if(isset($colaborador)){ ?>
										<input type="hidden" name="id" value="<?php echo $colaborador->id; ?>"/>
									<?php } ?>
									<?php foreach($fields as $field){ ?>
										<?php if(get_class($field) == 'App\CampoModulo'){ ?>
											<?php $campo = $field->nome; ?>
											<div class="form-group">
												<label for="<?php echo $field->nome; ?>" class="col-md-3 control-label"><?php echo $field->label; ?><?php echo ($field->required) ? '*' : ''; ?></label>
												<?php if($field->tipo_campo == 'INT'){ ?>
													<div class="col-md-7">
														<input id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> type="number" step="1" class="form-control" value="<?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? $colaborador->$campo : $field->valor_padrao); ?>" name="<?php echo $field->nome; ?>" />
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'I'){ ?>
													<div class="col-md-7">
														<input id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> type="text" class="form-control" value="<?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? $colaborador->$campo : $field->valor_padrao); ?>" name="<?php echo $field->nome; ?>" />
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'N'){ ?>
													<div class="col-md-7">
														<input id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> type="number" class="form-control" value="<?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? $colaborador->$campo : $field->valor_padrao); ?>" name="<?php echo $field->nome; ?>" />
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'T'){ ?>
													<div class="col-md-7">
														<textarea id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> class="form-control tinymce" name="<?php echo $field->nome; ?>"><?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? $colaborador->$campo : $field->valor_padrao); ?></textarea>
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'D'){ ?>
													<div class="col-md-7">
														<input id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> type="date" class="form-control" value="<?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? $colaborador->$campo : $field->valor_padrao); ?>" name="<?php echo $field->nome; ?>" />
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'DT'){ ?>
													<div class="col-md-7">
														<input id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> type="datetime-local" class="form-control" value="<?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? str_replace(' ','T',$colaborador->$campo) : $field->valor_padrao); ?>" name="<?php echo $field->nome; ?>" />
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'TIME'){ ?>
													<div class="col-md-7">
														<input id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> type="time" class="form-control" value="<?php echo (old($campo)) ? old($campo) : ((isset($colaborador)) ? $colaborador->$campo : $field->valor_padrao); ?>" name="<?php echo $field->nome; ?>" />
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'S'){ ?>
													<div class="col-md-7">
														<select id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> class="form-control" name="<?php echo $field->nome; ?>">
															<option <?php echo (isset($colaborador) && $colaborador->$campo == 1) ? 'selected' : ''; ?> value="1">Sim</option>
															<option <?php echo (isset($colaborador) && $colaborador->$campo == 0) ? 'selected' : ''; ?> value="0">Não</option>
														</select>
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'E'){ ?>
													<div class="col-md-7">
														<select id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> class="form-control" name="<?php echo $field->nome; ?>">
															<?php foreach ($field->options as $campoOption): ?>
																<option <?php echo (isset($colaborador) && $colaborador->$campo == $campoOption->chave) ? 'selected' : ''; ?> value="<?php echo $campoOption->chave; ?>"><?php echo $campoOption->valor; ?></option>
															<?php endforeach; ?>
														</select>
													</div>
												<?php } ?>
												<?php if($field->tipo_campo == 'SI'){ ?>
													<div class="col-md-5">
														<?php $icons = explode(',',file_get_contents('fonts/icons-font-awesome.txt')); ?>
														<select id="<?php echo $field->nome; ?>" <?php echo ($field->required) ? 'required' : ''; ?> class="form-control select2 select-icone" name="<?php echo $field->nome; ?>">
															<?php foreach ($icons as $icone): ?>
																<option <?php echo (isset($colaborador) && $icone == $colaborador->$campo) ? 'selected' : ''; ?> value="<?php echo $icone; ?>"><?php echo $icone; ?></option>
															<?php endforeach; ?>
														</select>
													</div>
													<div class="icone-viewer">
														<i class="fa fa-3x"></i>
													</div>
												<?php } ?>
											</div>
										<?php }else{ ?>
											<?php $campo = $field->nome; ?>
											<div class="form-group">
												<label for="<?php echo $field->nome; ?>" class="col-md-3 control-label"><?php echo $field->label; ?> *</label>
												<div class="col-md-7">
													<select id="<?php echo $field->nome; ?>" class="form-control select2" name="<?php echo $field->nome; ?>" required>
														<?php $nomeVariavel = 'array_'.$field->nome; ?>
														<?php foreach ($$nomeVariavel as $option): ?>
															<?php $campoNome = $field->campoRelacionado->nome; ?>
															<option <?php echo (isset($colaborador) && $colaborador->$campo == $option->id) ? 'selected' : ''; ?> value="<?php echo $option->id; ?>"><?php echo $option->$campoNome; ?></option>
														<?php endforeach; ?>
													</select>
												</div>
											</div>
										<?php } ?>
									<?php } ?>

									<div class="form-group">
										<label class="col-md-3 control-label" for="idadeColaborador">Idade</label>
										<div class="col-md-7">
											<input class="form-control" type="text" id="idadeColaborador" value="{{ isset($idade) && $idade != '' ? $idade . ' anos' : ''}}" disabled/>
										</div>
									</div>


								</div>
								@if(isset($colaborador))
								<div id="acesso-tab" class="tab-pane fade in">

									<div class="form-group">
										<label for="id_role" class="col-md-3 control-label">Grupo</label>
										<div class="col-md-7">
											<select id="id_role" class="form-control" name="id_role" required>
												@foreach ($roles as $role)
													<?php if(isset($user) && $user->roleUser->role->id == $role->id){ $selected = 'selected'; }else{ $selected = ''; } ?>
													<option <?php echo $selected; ?> value="{{ $role->id }}">{{ $role->name }}</option>
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group">
										<label for="email_acesso" class="col-md-3 control-label">E-mail acesso</label>

										<div class="col-md-7">
											<input id="email_acesso" data-user="{{ $colaborador->usuario_id }}" type="text" class="form-control" value="<?php echo (isset($user) ? $user->email : '')?>" name="email_acesso" />
										</div>
									</div>

									<!-- <div class="form-group">
										<label for="usuario_id" class="col-md-3 control-label">Usuário <?php echo (isset($colaborador) && $colaborador->usuario_id ? 'atual' : 'existente')?></label>
										<div class="col-md-7">
											<select id="usuario_id" class="form-control" name="usuario_id" required>
												<option value=""></option>
												<?php foreach ($usuarios as $usuario): ?>
													<option <?php echo $colaborador->usuario_id == $usuario->id ? 'selected' : '' ?> value="{{ $usuario->id }}">{{ $usuario->id }} - {{ $colaborador->usuario_id }}   {{ $usuario->first_name }} ({{ $usuario->email }})</option>
												<?php endforeach ?>
											</select>
										</div>
									</div> -->

									<!--  -->

									<div class="form-group">
										<label for="password" class="col-md-3 control-label">Senha</label>

										<div class="col-md-7">
											<input id="password" type="password" class="form-control" value="" name="password" />
										</div>
									</div>

								</div>
								@endif
								<?php /* ?>
								<div id="seo-tab" class="tab-pane fade">
									<div class="form-group">
										<label for="meta_keywords" class="col-md-3 control-label">URL Amigável</label>

										<div class="col-md-7">
											<input type="text" class="form-control" name="slug" value="<?php echo isset($colaborador) ? $colaborador->slug : ''; ?>">
										</div>
									</div>
									<div class="form-group">
										<label for="meta_keywords" class="col-md-3 control-label">Palavras Chave</label>

										<div class="col-md-7">
											<div id="meta_keywords"></div>
										</div>
									</div>
									<div class="form-group">
										<label for="meta_descricao" class="col-md-3 control-label">Meta Descrição</label>

										<div class="col-md-7">
											<textarea id="meta_descricao" type="text" class="form-control" name="meta_descricao"><?php echo (isset($colaborador)) ? $colaborador->meta_descricao : ''; ?></textarea>
										</div>
									</div>
									<script>
										new Taggle('meta_keywords', {
											<?php if(isset($colaborador) && $colaborador->meta_keywords != ''){ ?>
												tags: [
													<?php $tags = explode(',',$colaborador->meta_keywords); ?>

													<?php foreach($tags as $tag){ ?>
												    	'<?php echo $tag; ?>',
												   <?php } ?>
												],
											<?php }else{ ?>
												tags: [
													'colaborador'
												],
											<?php } ?>
										    duplicateTagClass: 'bounce',
											 hiddenInputName: 'meta_keywords[]'
										});
									</script>
								</div>
								<?php */ ?>
							</form>
							<?php if($modulo->imagem){ ?>
								<div id="image-tab" class="tab-pane fade">
									<script type="text/javascript">
										var image_campo = 'thumbnail_principal';
									</script>
									<div class="form-horizontal">
										<div class="form-group">
											<label for="image" class="col-md-3 control-label">Imagem</label>
											<div class="col-md-7">
												<form action="{{ url('admin/colaborador/upload') }}" method="post" class="form single-dropzone" id="my-dropzone" enctype="multipart/form-data">
													<input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
													<div id="img-thumb-preview">
														<img id="img-thumb" class="user size-lg img-thumbnail img-responsive" src="<?php echo (isset($colaborador) && $colaborador->thumbnail_principal != '') ? get_file_s3($colaborador->thumbnail_principal, 'colaborador') : 'http://placehold.it/300x100'; ?>">
													</div>
													<button type="button" style="display:none;" id="crop-image" class="btn btn-success">Salvar Corte</button>
													<button id="upload-submit" class="btn btn-default margin-t-5"><i class="fa fa-upload"></i> Upload Picture</button>
												</form>
												<form class="hidden" action="{{ url('admin/colaborador/crop') }}" id="cropForm" method="POST">
													<input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
													<input type="hidden" name="data_crop">
													<input type="hidden" name="file_name">
												</form>
											</div>
										</div>
									</div>
								</div>
							<?php } ?>

							<?php if($modulo->galeria){ ?>

								<div id="imagens-tab" class="tab-pane fade">
									<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 lista-galeria">
										<?php if(isset($colaborador) && count($colaborador->imagens)){?>
											<?php foreach ($colaborador->imagens as $image){?>
												<div id="item_<?php echo $image->id; ?>" class="item imagem-galeria-<?php echo $image->id; ?>">
													<div style="background-image: url(<?php echo "/uploads/colaborador/$image->thumbnail_principal";?>);" class="thumb"></div>
													<span data="<?php echo $image->id; ?>" data-modulo="colaborador" class="icon delete-image" aria-hidden="true"><i class="fa fa-trash"></i></span>
												</div>
											<?php }?>
										<?php }?>
									</div>
									<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
										<form class="dropzone" id="galeria-dropzone" method="POST" action="<?php echo (isset($colaborador)) ? url('/admin/colaborador/upload_galeria/'.$colaborador->id) : url('/admin/colaborador/upload_galeria/'.$nextId); ?> " enctype="multipart/form-data">
											<input type="hidden" name="_token" value="{{ csrf_token() }}" />
											<div class="fallback">
												<input name="file" type="file" multiple />
											</div>
										<form>
									</div>
								</div>
							<?php } ?>

							<div id="documentos-tab" class="tab-pane fade">
								<div class="header-tab-upload-colaborador">
									<div>
										<h4>Documentos:</h4>
									</div>
									
									<div class="content-header-tab-upload">
										<button class="btn-add-upload" type="button" data-tipo="documentos" data-colaborador="{{ isset($colaborador) ? $colaborador->id : '' }}"><i class="fa fa-plus"></i> Adicionar novo documento</button>
									</div>
								</div>
								<div style="margin-bottom: 12px">Total de documentos: <strong class="qtd_documentos">{{ count($documentos) }}</strong></div>

								<div class="uploads-colaborador" id="content-upload-documentos">
									@foreach($documentos as $documento)
										@include('Colaborador::admin/forms/documento-item', ['documento' => $documento])
									@endforeach

									@if(count($documentos) == 0)
										<span class="nenhum_documento">Nenhum documento cadastrado para este colaborador.</span>
									@endif
								</div>

							</div>

							<div id="ocorrencias-tab" class="tab-pane fade">

								<div class="header-tab-upload-colaborador">
									<div>
										<h4>Ocorrências:</h4>
									</div>
									
									<div class="content-header-tab-upload">
										<button class="btn-add-upload" type="button" data-tipo="ocorrencia" data-colaborador="{{ isset($colaborador) ? $colaborador->id : '' }}"><i class="fa fa-plus"></i> Adicionar nova ocorrência</button>
									</div>
								</div>
								<div style="margin-bottom: 12px">Total de ocorrências: <strong class="qtd_ocorrencias">{{ count($ocorrencias) }}</strong></div>

								<div class="uploads-colaborador" id="content-upload-ocorrencias">
									@foreach($ocorrencias as $ocorrencia)
										@include('Colaborador::admin/forms/ocorrencia-item', ['ocorrencia' => $ocorrencia])
									@endforeach

									@if(count($ocorrencias) == 0)
										<span class="nenhuma_ocorrencia">Nenhuma ocorrência existente deste colaborador.</span>
									@endif
								</div>

							</div>

							<div id="acompanhamento-tab" class="tab-pane fade">

								<div class="header-tab-upload-colaborador">
									<div>
										<h4>Acompanhamento:</h4>
									</div>
									
									<div class="content-header-tab-upload">
										<button class="btn-add-upload" type="button" data-tipo="acompanhamento" data-colaborador="{{ isset($colaborador) ? $colaborador->id : '' }}"><i class="fa fa-plus"></i> Adicionar novo acompanhamento</button>
									</div>
								</div>
								<div style="margin-bottom: 12px">Total de acompanhamentos: <strong class="qtd_acompanhamentos">{{ count($acompanhamentos) }}</strong></div>

								<div class="uploads-colaborador" id="content-upload-acompanhamentos">
									@foreach($acompanhamentos as $acompanhamento)
										@include('Colaborador::admin/forms/acompanhamento-item', ['acompanhamento' => $acompanhamento])
									@endforeach

									@if(count($acompanhamentos) == 0)
										<span class="nenhum_acompanhamento">Nenhum acompanhamentos existente deste colaborador.</span>
									@endif
								</div>

							</div>

						</div>
					</div>
					<!-- /.box-body -->
					<div class="box-footer">
						<?php if(isset($colaborador) && $current_role->hasAccess($current_module->nome_tabela.'.update') || !isset($colaborador) && $current_role->hasAccess($current_module->nome_tabela.'.create')){ ?>
							<div class="text-center">
								<button type="submit" class="btn btn-primary">
									<i class="fa fa-btn fa-pencil-alt"></i> Salvar
								</button>
							</div>
						<?php } ?>
					</div>
				</div>
					<!-- /.box -->
			</div>
		</div>
	</section>
</div>
@endsection



<div id="modal-upload-item" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
		
    </div>

  </div>
</div>

@section('scripts')
	
	<script type="text/javascript">

		$(document).on('change', '#usuario_id', function(){

			var usuario_id = $(this).val();

			if(usuario_id != ''){
				$.ajax({
					url: "/admin/colaborador/detalhe-usuario/" + usuario_id,
					type: "get",
					dataType: 'JSON',
					success:function(data){
						$('#email_acesso').val(data.usuario.email);
						$('#id_role').val(data.role_id);
					},
				});
			}

		});

		$(document).on('click', '.btn-add-upload', function(){	
			$('.carregando').show();
			$('#modal-upload-item').modal('show');

			let tipo = $(this).data('tipo');
			let colaborador_id = $(this).data('colaborador');
			$.ajax({
				url: "/admin/colaborador/adicionar-novo-item",
				type: "post",
				data:{
					tipo: tipo,
					colaborador_id: colaborador_id
				},
				dataType: 'JSON',
				success:function(data){
					if(data.status){
						$('#modal-upload-item .modal-content').html(data.html);
						$('.carregando').hide();
					}		
				},
			});
		});

		$(document).on('click', '.btn-close-modal-upload', function(){	
			$('#modal-upload-item').modal('hide');
		});

		$(document).on('click', '.btn-salvar-form-ocorrencia', function(){
			if($('#nomeOcorrencia').val() == ''){
				alertUtil.alertError('Você precisa informar o nome da ocorrência.');
				return;
			}

			$('.carregando').show();
			let dataForm = new FormData();
			dataForm.append('nome', $('#nomeOcorrencia').val());
			dataForm.append('colaborador_id', $('[name="colaborador_id"]').val());
			dataForm.append('data', $('#dataOcorrencia').val());

			if($('#descricaoOcorrencia').val() != ''){
				dataForm.append('descricao',  $('#descricaoOcorrencia').val());
			}
			if($('.form-ocorrencia input[name="upload_item"]').prop('files')[0]){
				dataForm.append('arquivo', $('.form-ocorrencia input[name="upload_item"]').prop('files')[0]);
			}

			$.ajax({
				url: "/admin/colaborador/salvar-ocorrencia",
				type: "POST",
				data: dataForm,
				contentType: false,
				processData: false,
				success:function(data){
					$('.carregando').hide();
					if(data.status){
						$('#content-upload-ocorrencias').append(data.html);
						$('#modal-upload-item').modal('hide');
						alertUtil.alertSuccess(data.message);
						let qtd_ocorrencias = parseInt($('.qtd_ocorrencias').text());
						$('.qtd_ocorrencias').text(qtd_ocorrencias + 1);
						if($('.nenhuma_ocorrencia').length){
							$('.nenhuma_ocorrencia').remove();
						}
					}	
				},
			});
		});

		$(document).on('click', '.btn-salvar-form-documentos', function(){	
			if($('#nomeDocumento').val() == ''){
				alertUtil.alertError('Você precisa informar o nome do documento.');
				return;
			}

			$('.carregando').show();
			let dataForm = new FormData();
			dataForm.append('nome', $('#nomeDocumento').val());
			dataForm.append('colaborador_id', $('[name="colaborador_id"]').val());

			if($('#descricaoOcorrencia').val() != ''){
				dataForm.append('descricao',  $('#descricaoDocumento').val());
			}
			if($('.form-documentos input[name="upload_item"]').prop('files')[0]){
				dataForm.append('arquivo', $('.form-documentos input[name="upload_item"]').prop('files')[0]);
			}

			$.ajax({
				url: "/admin/colaborador/salvar-documento",
				type: "POST",
				data: dataForm,
				contentType: false,
				processData: false,
				success:function(data){
					$('.carregando').hide();
					if(data.status){
						$('#content-upload-documentos').append(data.html);
						$('#modal-upload-item').modal('hide');
						alertUtil.alertSuccess(data.message);
						let qtd_documentos = parseInt($('.qtd_documentos').text());
						$('.qtd_documentos').text(qtd_documentos + 1);
						if($('.nenhum_documento').length){
							$('.nenhum_documento').remove();
						}
					}	
				},
			});
		});


		$(document).on('click', '.btn-salvar-form-acompanhamento', function(){
			if($('#nomeAcompanhamento').val() == ''){
				alertUtil.alertError('Você precisa informar o nome do acompanhamento.');
				return;
			}

			$('.carregando').show();
			let dataForm = new FormData();
			dataForm.append('nome', $('#nomeAcompanhamento').val());
			dataForm.append('colaborador_id', $('[name="colaborador_id"]').val());
			dataForm.append('data', $('#dataAcompanhamento').val());

			if($('#descricaoAcompanhamento').val() != ''){
				dataForm.append('descricao',  $('#descricaoAcompanhamento').val());
			}
			if($('.form-acompanhamento input[name="upload_item"]').prop('files')[0]){
				dataForm.append('arquivo', $('.form-acompanhamento input[name="upload_item"]').prop('files')[0]);
			}

			$.ajax({
				url: "/admin/colaborador/salvar-acompanhamento",
				type: "POST",
				data: dataForm,
				contentType: false,
				processData: false,
				success:function(data){
					$('.carregando').hide();
					if(data.status){
						$('#content-upload-acompanhamentos').append(data.html);
						$('#modal-upload-item').modal('hide');
						alertUtil.alertSuccess(data.message);
						let qtd_ocorrencias = parseInt($('.qtd_acompanhamentos').text());
						$('.qtd_acompanhamentos').text(qtd_ocorrencias + 1);
						if($('.nenhum_acompanhamento').length){
							$('.nenhum_acompanhamento').remove();
						}
					}	
				},
			});
		});

		$(document).on('click', '.btn-upload-colaborador', function(){	
			$('input[name="upload_item"]').click();
		});

		$(document).on('change', 'input[name="upload_item"]', function(){	
			var filename = $(this).val().split('\\').pop();
			$('.form-item-upload-filename span').text(filename);
			$('.form-item-upload-filename i').show();
		});

		$(document).on('click', '.remover-arquivo-upload', function(){	
			$('input[name="upload_item"]').val(null);
			$('.form-item-upload-filename span').text('Nenhum arquivo selecionado');
			$('.form-item-upload-filename i').hide();
		});

		$(document).on('click', '.upload-document, .upload-info', function(){	
			let arquivo_url = $(this).data('arquivo');
			if(arquivo_url && arquivo_url != '' && arquivo_url != ' '){
				window.open(arquivo_url, '_blank').focus();
			}
		});

		$(document).on('click', '.upload-ocorrencia .upload-buttons button', function(){
			let element = $(this);	
			let ocorrencia_id = $(this).data('ocorrencia');

			$('.carregando').show();
			if(confirm('Você tem certeza que deseja excluir essa ocorrência?')){
				$.ajax({
					url: "/admin/colaborador/excluir-ocorrencia",
					type: "POST",
					data: {
						ocorrencia_id: ocorrencia_id
					},
					success:function(data){
						$('.carregando').hide();
						if(data.status){
							$(element).closest('.upload-ocorrencia').remove();
							let qtd_ocorrencias = parseInt($('.qtd_ocorrencias').text())
							if(qtd_ocorrencias > 0){
								$('.qtd_ocorrencias').text(qtd_ocorrencias - 1);
							}	
							alertUtil.alertSuccess(data.message);
						}	
					},
				});
			};

		});

		$(document).on('click', '.upload-documento .upload-buttons button', function(){
			let element = $(this);	
			let documento_id = $(this).data('documento');

			$('.carregando').show();
			if(confirm('Você tem certeza que deseja excluir esse documento?')){
				$.ajax({
					url: "/admin/colaborador/excluir-documento",
					type: "POST",
					data: {
						documento_id: documento_id
					},
					success:function(data){
						$('.carregando').hide();
						if(data.status){
							$(element).closest('.upload-documento').remove();
							let qtd_documentos = parseInt($('.qtd_documentos').text())
							if(qtd_documentos > 0){
								$('.qtd_documentos').text(qtd_documentos - 1);
							}	
							alertUtil.alertSuccess(data.message);
						}	
					},
				});
			};

		});

		$(document).on('click', '.upload-acompanhamento .upload-buttons button', function(){
			let element = $(this);	
			let acompanhamento_id = $(this).data('acompanhamento');

			$('.carregando').show();
			if(confirm('Você tem certeza que deseja excluir esse acompanhamento?')){
				$.ajax({
					url: "/admin/colaborador/excluir-acompanhamento",
					type: "POST",
					data: {
						acompanhamento_id: acompanhamento_id
					},
					success:function(data){
						$('.carregando').hide();
						if(data.status){
							$(element).closest('.upload-acompanhamento').remove();
							let qtd_acompanhamentos = parseInt($('.qtd_acompanhamentos').text())
							if(qtd_acompanhamentos > 0){
								$('.qtd_acompanhamentos').text(qtd_acompanhamentos - 1);
							}	
							alertUtil.alertSuccess(data.message);
						}	
					},
				});
			};

		});

		

		/*
		function checkEmailExistente(email, user_id = false){

			return new Promise((resolve, reject) => {
				$.ajax({
					url: "/admin/colaborador/verificar-email-existente",
					type: "post",
					data:{
						email: email,
						user_id: user_id,
					},
					dataType: 'JSON',
					success:function(data){
						resolve(data.status);
					},
				});
  			});
			
		}

		$(document).on('focusout', '#email_acesso', function(){
			let email = $(this).val();
			let user_id = $(this).data('user');

			checkEmailExistente(email, user_id).then(function(result) { 
				if(result){
					alertUtil.alertError('Esse e-mail já está cadastrado!');
				}
 			 })
		})
		*/

		@if(isset($colaborador))
		$(document).on('change', '#id_role', function(){

			var role_id = $(this).val();

			if(role_id != ''){

				$('#usuario_id').html('');

				$.ajax({
					url: "/admin/colaborador/usuarios-grupo/" + role_id + '?colaborador_id={{ $colaborador->id }}',
					type: "get",
					dataType: 'JSON',
					success:function(data){
						$('#usuario_id').append('<option value=""></option>');
						data.usuarios.forEach(function(item, index){
	                        $('#usuario_id').append('<option value="' + item.id + '">' + item.first_name + ' (' + item.email + ')</option>');
	                    });
					},
				});
			}

		});
		@endif

	</script>
@endsection