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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>21190 - Manifestação e Eventos de Documentos Fiscais - Visualização</span>
</h4>

@overwrite

@section('modal-header-right')

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ManifestoDocsFiscais.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

	<fieldset>
		<legend>Informações Gerais do Documento Fiscal</legend>
	
		<div class="row">

			<div class="form-group">
				<label>ID:</label>
				<input 
					type="text"
					class="form-control input-menor"
					ng-model="vm.ManifestoDocsFiscais.SELECTED.DESC_ID"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>NSU:</label>
				<input 
					type="text"
					class="form-control input-maior"
					ng-model="vm.ManifestoDocsFiscais.SELECTED.DESC_NSU"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Documento Fiscal:</label>
				<input 
					type="text"
					style="width: 203px;"
					class="form-control"
					ng-model="vm.ManifestoDocsFiscais.SELECTED.DOCUMENTO_FISCAL"
					readonly="readonly">
			</div>
			
			<div class="form-group">
				<label>Série:</label>
				<input 
					type="text"
					class="form-control input-menor"
					ng-model="vm.ManifestoDocsFiscais.SELECTED.SERIE"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Data de Emissão:</label>
				<input 
					type="date"
					id="dataEmissao"
					class="form-control input-medio" 
					ng-model="vm.ManifestoDocsFiscais.SELECTED.DATA_EMISSAO"
					readonly>
			</div>
			
			<div class="form-group">
				<label>Data de Entrada:</label>
				<input 
					type="date"
					id="dataEmissao"
					class="form-control input-medio" 
					ng-model="vm.ManifestoDocsFiscais.SELECTED.DATA_ENTRADA"
					readonly>
			</div>

			<br>

			<div class="form-group">
				<label>Empresa:</label>
				<input 
					type="text"
					style="width: 504px; font-weight: bold;"
					class="form-control" 
					ng-model="vm.ManifestoDocsFiscais.SELECTED.DESC_EMPRESA"
					readonly>
			</div>

			<div class="form-group">
				<label style="color: #3c763d;">Valor Total NF:</label>
				<div class="input-group right-icon">
					<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
					<input
						type="text"
						ui-number-mask="2"
						money-mask
						style="color: #3c763d; font-weight: bold;"
						class="form-control input-medio text-right"
						ng-model="vm.ManifestoDocsFiscais.SELECTED.VALOR_TOTAL_NF"
						disabled>
				</div>
			</div>

			<div class="form-group">
				<label>Chave de Acesso:</label>
				<div class="input-group right-icon">
					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
					<input
						type="text"
						class="form-control input-maior text-right"
						ng-model="vm.ManifestoDocsFiscais.SELECTED.CHAVE_ACESSO"
						disabled>
				</div>
			</div>
	
		</div>
			
	</fieldset>

	<fieldset>
		<legend>Lotes da Manifestação</legend>

		<div class="row">
			<ul class="list-inline">    
				<li>
					<button 
						type="button" 
						class="btn btn-primary btn-incluir" 
						data-hotkey="f6"
						ng-click="vm.ManifestoDocsFiscaisNFeLotes.incluir()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</li>   
			</ul>

			<div class="tabela_lotes_manifestacao" id="tabela_lotes_manifestacao"></div>	

		</div>
	</fieldset>
		
</div>
</form>

@overwrite