@extends('helper.include.view.modal3', ['id' => 'modal-feed-tela', 'class_size' => 'modal-lg'])

	@section('modal-header-left')

	<h4 class="modal-title">
		Ocorrência - Feed
	</h4>

	@overwrite

	@section('modal-header-right')
		
		<button type="button" ng-click="vm.Feed.gravar()" class="btn btn-success" data-hotkey="f1" data-loading-text="Gravando..." ng-if="vm.Feed.editando == true">
			<span class="glyphicon glyphicon-ok"></span> 
			Gravar
		</button>

		<button type="button" ng-click="vm.Feed.gravar()" ng-disabled="!(vm.Feed.de.length > 0)  || !(vm.Feed.para.length > 0) || !(vm.Feed.assunto.length > 0) " class="btn btn-success" data-hotkey="f1" data-loading-text="Enviando..."  ng-if="vm.Feed.editando == false">
			<span class="glyphicon glyphicon-ok"></span> 
			Enviar
		</button>

		<button type="button" ng-click="vm.Feed.excluir()" ng-if="vm.Feed.ID > 0"  ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0" class="btn btn-danger" data-hotkey="f12" data-loading-text="Excluindo...">
			<span class="glyphicon glyphicon-trash"></span> 
			Excluir
		</button>

		<a  ng-click="vm.Feed.canselar()"  class="btn btn-danger btn-cancelar" data-hotkey="esc">
			<span class="glyphicon glyphicon-ban-circle"></span> 
			Cancelar
		</a>

	@overwrite

	@section('modal-body')

	<div class="arquivo-container">
    
	<button type="button"  style="float: right; margin-top: -45px;" ng-click="vm.Feed.editar_contato = !vm.Feed.editar_contato" ng-if="vm.Feed.editando == false" class="btn btn-danger">
			<span class="glyphicon glyphicon-plus"></span>
	</button>

	<div class="email-container" ng-if="vm.Feed.TIPO  == 1 && vm.Feed.editar_contato == true">
		<div class="form-group EmailContato1">
            <label>De:</label>
            <div class="contato-div-container" style="background-color: #eeeeee;" ng-click="vm.EmailContato1.setFoco()">
				<div ng-repeat="valor in vm.EmailContato1.itens track by $index" class="contato-iten">@{{valor}} 
				</div>
				<input ng-blur="vm.EmailContato1.blur()" disabled type="text" ng-keydown="vm.EmailContato1.keydown($event)" ng-keypress="vm.EmailContato1.keypress($event)" ng-model="vm.EmailContato1.valor" name="descricao" class="form-control input-maior">
            </div>
            <div class="lista-email" ng-if="vm.EmailContato1.valor.length >= 3">
				<div ng-keydown="vm.EmailContato1.listaKeydown($event)" tabindex="-1" ng-keypress="vm.EmailContato1.addEmail(contato)" class="lista-itens" ng-repeat="contato in vm.Contatos  | filter:vm.EmailContato1.valor" ng-click="vm.EmailContato1.addEmail(contato)">
					<span>@{{contato.NOME}}</span>   <span><@{{contato.EMAIL}}></span>
				</div>
			</div>            
        </div>
        <div class="form-group EmailContato2">
            <label>Para:</label>
            <div class="contato-div-container" ng-click="vm.EmailContato2.setFoco()">
				<div ng-repeat="valor in vm.EmailContato2.itens track by $index" class="contato-iten">@{{valor}}<div ng-click="vm.EmailContato2.deletarItem($index)">x</div></div>
				<input  ng-blur="vm.EmailContato2.blur()" type="text" ng-keydown="vm.EmailContato2.keydown($event)" ng-keypress="vm.EmailContato2.keypress($event)" ng-model="vm.EmailContato2.valor" name="descricao" class="form-control input-maior">
            </div>
        	<div class="lista-email" ng-if="vm.EmailContato2.valor.length >= 3">
				<div ng-keydown="vm.EmailContato2.listaKeydown($event)" tabindex="-1" ng-keypress="vm.EmailContato2.addEmail(contato)" class="lista-itens" ng-repeat="contato in vm.Contatos  | filter:vm.EmailContato2.valor" ng-click="vm.EmailContato2.addEmail(contato)">
					<span>@{{contato.NOME}}</span>   <span><@{{contato.EMAIL}}></span>
				</div>
			</div>            
        </div>
        <div class="form-group EmailContato3">
            <label>Cc:</label>
            <div class="contato-div-container" ng-click="vm.EmailContato3.setFoco()">
				<div ng-repeat="valor in vm.EmailContato3.itens track by $index" class="contato-iten">@{{valor}}<div ng-click="vm.EmailContato3.deletarItem($index)">x</div></div>
				<input  ng-blur="vm.EmailContato3.blur()" type="text" ng-keydown="vm.EmailContato3.keydown($event)" ng-keypress="vm.EmailContato3.keypress($event)" ng-model="vm.EmailContato3.valor" name="descricao" class="form-control input-maior">
            </div>
        	<div class="lista-email" ng-if="vm.EmailContato3.valor.length >= 3">
				<div ng-keydown="vm.EmailContato3.listaKeydown($event)" tabindex="-1" ng-keypress="vm.EmailContato3.addEmail(contato)" class="lista-itens" ng-repeat="contato in vm.Contatos  | filter:vm.EmailContato3.valor" ng-click="vm.EmailContato3.addEmail(contato)">
					<span>@{{contato.NOME}}</span>   <span><@{{contato.EMAIL}}></span>
				</div>
			</div>            
        </div>
        <div class="form-group EmailContato4">
            <label>Cco:</label>
            <div class="contato-div-container" ng-click="vm.EmailContato4.setFoco()">
				<div ng-repeat="valor in vm.EmailContato4.itens track by $index" class="contato-iten">@{{valor}}<div ng-click="vm.EmailContato4.deletarItem($index)">x</div></div>
				<input  ng-blur="vm.EmailContato4.blur()" type="text" ng-keydown="vm.EmailContato4.keydown($event)" ng-keypress="vm.EmailContato4.keypress($event)" ng-model="vm.EmailContato4.valor" name="descricao" class="form-control input-maior">
            </div>
        	<div class="lista-email" ng-if="vm.EmailContato4.valor.length >= 3">
				<div ng-keydown="vm.EmailContato4.listaKeydown($event)" tabindex="-1" ng-keypress="vm.EmailContato4.addEmail(contato)" class="lista-itens" ng-repeat="contato in vm.Contatos  | filter:vm.EmailContato4.valor" ng-click="vm.EmailContato4.addEmail(contato)">
					<span>@{{contato.NOME}}</span>   <span><@{{contato.EMAIL}}></span>
				</div>
			</div>            
        </div>
        <div class="form-group">
            <label>Assunto:</label>
            <input type="text" ng-model="vm.Feed.assunto" required="required" name="descricao" class="form-control input-maior">
        </div>
	</div>
	<div class="form-group"
		style="width: 100%;">
		<textarea style="height: 130px;" name="editor1" id="editor1" rows="10" cols="80" ng-model=" vm.Feed.comentario" class="form-control"></textarea>
	</div>

</div>

@overwrite