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

@section('modal-start')
    <form class="form-inline">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>11161 - Tarefa: @{{ vm.LeedsWorkflow.SELECTED.TITULO }} - Progresso</span>
</h4>

@overwrite

@section('modal-header-right')
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.LeedsWorkflow.fecharModalProgresso()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-header-end')

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">

	<div class="row">

		<ul class="list-inline">
			<li style="width: 100%;">
				<input
					type="text"
					class="form-control input-medio" 
					placeholder="Filtragem rápida..." 
					ng-model="vm.Leeds.FILTRO_FEED_WORKFLOW" 
					style="width: 100%;">
			</li>
		</ul>

		<div class="row">
			<div ng-repeat="feed in vm.Leeds.FEED | orderBy:'-feed.DATAHORA' | filter: vm.Leeds.FILTRO_FEED_WORKFLOW" ng-if="feed.WORKFLOW_ITEM_ID == vm.LeedsWorkflow.SELECTED.WORKFLOW_ITEM_ID">
				<div class="email" ng-style="{ 'background-color' : feed.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">

					<div class="img-user-caso" ng-style="{ 'background-color' : feed.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">
						<div class="imagem" style="background-image: url(/fotos/usuario/@{{ feed.USUARIO_ID }});"></div>
					</div>

					<div class="cabecalho">

						<div class="de" ng-if="feed.USUARIO_ID == 0">
							@{{ feed.USER_NAME }}

							<div class="icon-envio-email">
								<span 
									class="glyphicon" 
									ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
									ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
									title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
							</div>
						</div>
						<div class="de" ng-if="feed.USUARIO_ID == 99999">
							Agendamento

							<div class="icon-envio-email">
								<span 
									class="glyphicon" 
									ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
									ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
									title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
							</div>
						</div>
						<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '0'">
							@{{ feed.DE }}

							<div class="icon-envio-email">
								<span 
									class="glyphicon" 
									ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
									ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
									title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
							</div>
						</div>
						<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '1'">
							@{{ feed.USER_NAME }}

							<div class="icon-envio-email">
								<span 
									class="glyphicon" 
									ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
									ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
									title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
							</div>
						</div>
						<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO > 0">
							@{{ feed.CONTATO_NAME }}

							<div class="icon-envio-email">
								<span 
									class="glyphicon" 
									ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
									ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
									title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
							</div>
						</div>
						<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO == -1">
							@{{ feed.DE }}

							<div class="icon-envio-email">
								<span 
									class="glyphicon" 
									ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
									ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
									title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
							</div>
						</div>

						<div class="para" ng-if="(feed.PARA != feed.DE && feed.PARA != '') || (feed.EM_COPIA != feed.DE && feed.EM_COPIA != '') || (feed.EM_COPIA_OCULTA != feed.DE && feed.EM_COPIA_OCULTA != '')">
							<span style="font-weight: bold;">para:</span> @{{ (feed.EM_COPIA_OCULTA +', '+ feed.EM_COPIA +', '+ feed.PARA +'').replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",") }}
						</div>

						<div class="assunto">
							<span style="font-weight: bold;">Assunto:</span> @{{ feed.ASSUNTO }}
						</div>

						<div class="tipo tipo-@{{ feed.TIPO }}" title="@{{ feed.DESC_TIPO }}"></div>

					</div>

					<div class="corpo">
						<div ng-bind-html="trustAsHtml(feed.MENSAGEM, item)" class="mensagem mensagem-html-container"></div>
					</div>

					<div class="data">
						@{{ feed.DATA_REGISTRO }}
					</div>

				</div>

			</div>
		</div>

	</div>

</div>
</form>

@overwrite