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

@section('modal-start')
	<form class="form-inline" ng-submit="vm.ChamadosItens.OPERACAO_ATRIBUICAO == -1 ? vm.ChamadosItens.beforeConfirmarGravar() : vm.ChamadosItens.beforeConfirmarGravar(0)">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>Confirmação</span>
</h4>

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-primary" data-hotkey="f1">
		<span class="glyphicon class-btn2 glyphicon-ok"></span> Confirmar
	</button>

	<button type="button" class="btn btn-danger btn-fechar-modal btn-voltar" ng-click="vm.ChamadosItens.fecharModalConfirmChamadosItens();" data-dismiss="modal" data-hotkey="esc">
		<span class="glyphicon class-btn4 glyphicon-ban-circle"></span> Cancelar
	</button>

@overwrite

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

	<div class="row" ng-show="vm.ChamadosItens.TIPO_OPERACAO == 1 || vm.ChamadosItens.TIPO_OPERACAO == 3">

		<div class="form-group">
			<label style="font-weight: 300;">
				Informe o operador responsável pelo atendimento:
			</label>
		</div>

		<br>
		<br>

		<div style="display: -webkit-inline-box;" class="consulta-status" ng-show="vm.ChamadosItens.OPERACAO_ATRIBUICAO != 0"></div>

		<div style="display: -webkit-inline-box;" class="consulta-operador2"></div>

		<div class="form-group" ng-if="vm.ChamadosItens.OPERACAO_ATRIBUICAO == -1 && vm.ChamadosItens.TIPO_OPERACAO == 1">
			<label>Data do Atendimento:</label>
			<input
				type="datetime-local"
				class="form-control input-medio"
				ng-atalho
				step="1"
				ng-model="vm.ChamadosItens.SELECTED.DATAHORA_ATENDIMENTO">
		</div>

		<div class="alert alert-warning" style="display: flex; margin-top: 5px;" ng-if="vm.ChamadosItens.OPERACAO_ATRIBUICAO == 0">
			<ul style="list-style-type: disc; padding-left: 15px;">
				<p><b>Sobre a Atribuição:</b></p>
				<li><p>Caso não seja selecionado nenhum operador e já tenha algum operador atribuído, o chamado será desatribuído dos operador.</p></li>
			</ul>
		</div>

	</div>

	<div class="row" ng-show="vm.ChamadosItens.TIPO_OPERACAO == 2">

		<div class="form-group" ng-if="vm.ChamadosItens.OPERACAO_ATRIBUICAO == -1">
			<label style="font-weight: 300;">
				Informe o motivo da pausa do atendimento:
			</label>
		</div>

		<div class="form-group" ng-if="vm.ChamadosItens.OPERACAO_ATRIBUICAO == 2">
			<label style="font-weight: 300;">
				Informe o novo motivo de pausa do atendimento: 
			</label>
		</div>

		<br>
		<br>

		<!-- <div class="form-group">
			<label>Motivo:</label>
			<div class="input-group">
				<select
					name="repeatSelect" 
					id="repeatSelect"
					ng-model="vm.ChamadosItens.SELECTED.STATUS_PRINCIPAL">
					<option value="2">AGUARDANDO TERCEIROS</option>
					<option value="3">AGUARDANDO O SOLICITANTE</option>
					<option value="4">PAUSAR ATENDIMENTO</option>
					<option value="7">AGUARDANDO APROVAÇÃO DE COTAÇÃO</option>
					<option value="8">EM ANÁLISE DE VIABILIDADE</option>
					<option value="9">CORRIGINDO BUG</option>
					<option value="10">EM DESENVOLVIMENTO</option>
					<option value="11">ENCAMINHADO PARA ANÁLISE</option>
					<option value="12">AGUARDANDO VERIFICAÇÃO DA MANUTENÇÃO</option>
					<option value="13">ENVIADO PARA ASSISTÊNCIA TÉCNICA</option>
				</select>
			</div>
		</div> -->

		<div style="display: -webkit-inline-box;" class="consulta-status2"></div>

		<div class="form-group">
			<label>Observação:</label>
			<textarea
				style="resize: auto; width: 100%;"
				class="form-control normal-case"
				maxlength="1000"
				cols="100"
				rows="4"
				ng-keypress="vm.ChamadosItens.SELECTED.OBSERVACAO.length > 1000 ? $event.preventDefault() : true;"
				ng-model="vm.ChamadosItens.SELECTED.OBSERVACAO">
			</textarea>
		</div>
		<div>Caracteres restantes: @{{vm.ChamadosItens.SELECTED.OBSERVACAO.length <= 1000 ? (1000 - (vm.ChamadosItens.SELECTED.OBSERVACAO.length || 0)) : 1000}}</div>

	</div>

	<!-- <div class="row" ng-show="vm.ChamadosItens.TIPO_OPERACAO == 3">

		<div class="form-group">
			<label>Informe o operador responsável pelo atendimento:</label>
		</div>

		<br>
		<br>

		<div style="display: -webkit-inline-box;" class="consulta-operador"></div>

	</div> -->

	<div class="row" ng-show="vm.ChamadosItens.TIPO_OPERACAO == 4">
		
		<div class="form-group">
			<label style="font-weight: 300;">
				Informe a situação de encerramento do chamado:
			</label>
		</div>

		<br>
		<br>

		<!-- <div class="form-group">
			<label>Status:</label>
			<div class="input-group">
				<select
					name="repeatSelect" 
					id="repeatSelect"
					ng-model="vm.ChamadosItens.SELECTED.STATUS_PRINCIPAL">
					<option value="5">ATENDIDO</option>
					<option value="6">CANCELADO</option>
				</select>
			</div>
		</div> -->

		<div style="display: -webkit-inline-box;" class="consulta-status3"></div>

		<div class="form-group">
			<label>Data da Solução:</label>
			<input
				type="datetime-local"
				class="form-control input-medio"
				ng-atalho
				step="1"
				ng-model="vm.ChamadosItens.SELECTED.DATAHORA_SOLUCAO">
		</div>

		<div class="form-group">
			<label>Observação:</label>
			<textarea
				style="resize: auto; width: 100%;"
				class="form-control normal-case"
				maxlength="1000"
				cols="100"
				rows="4"
				ng-keypress="vm.ChamadosItens.SELECTED.OBSERVACAO.length > 1000 ? $event.preventDefault() : true;"
				ng-model="vm.ChamadosItens.SELECTED.OBSERVACAO">
			</textarea>
		</div>
		<div>Caracteres restantes: @{{vm.ChamadosItens.SELECTED.OBSERVACAO.length <= 1000 ? (1000 - (vm.ChamadosItens.SELECTED.OBSERVACAO.length || 0)) : 1000}}</div>

	</div>

	<!-- <div class="row" ng-show="vm.ChamadosItens.TIPO_OPERACAO == 5">

		<div class="form-group">
			<label style="font-weight: 300;">
				O chamado será encerrado sem ser atendido e receberá o Status: <strong>CANCELADO</strong>.
				<br>
				Informe o motivo do fechamento do chamado no campo de Observação:
			</label>
		</div>

		<br>
		<br>

		<div class="form-group">
			<label>Observação:</label>
			<textarea
				style="resize: auto; width: 100%;"
				class="form-control normal-case"
				maxlength="1000"
				cols="100"
				rows="4"
				ng-keypress="vm.ChamadosItens.SELECTED.OBSERVACAO.length > 1000 ? $event.preventDefault() : true;"
				ng-model="vm.ChamadosItens.SELECTED.OBSERVACAO">
			</textarea>
		</div>
		<div>Caracteres restantes: @{{vm.ChamadosItens.SELECTED.OBSERVACAO.length <= 1000 ? (1000 - (vm.ChamadosItens.SELECTED.OBSERVACAO.length || 0)) : 1000}}</div>
		
	</div> -->

</div>
</form>

@overwrite