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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.RelacaoEmbarque.gravar()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.RelacaoEmbarque.ALTERANDO">{{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Visualizar</span>
	<span ng-if="vm.RelacaoEmbarque.INCLUINDO">{{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Incluir</span>
	<span ng-if="vm.RelacaoEmbarque.COPIANDO">{{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Copiar</span>
	<span ng-if="vm.RelacaoEmbarque.ALTERANDO == true && vm.RelacaoEmbarque.INCLUINDO == false && vm.RelacaoEmbarque.COPIANDO == false">{{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Alterar</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.RelacaoEmbarque.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.RelacaoEmbarque.ALTERANDO" ng-click="vm.RelacaoEmbarque.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.RelacaoEmbarque.Anterior()" ng-if="!vm.RelacaoEmbarque.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.RelacaoEmbarque.Avanco()" ng-if="!vm.RelacaoEmbarque.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button>

	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.RelacaoEmbarque.ALTERANDO" ng-click="vm.RelacaoEmbarque.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
        <span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro 
    </button> 
	
	<!-- <button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.RelacaoEmbarque.ALTERANDO" ng-click="vm.RelacaoEmbarque.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar Registro
    </button>    -->

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.RelacaoEmbarque.ALTERANDO" ng-click="vm.RelacaoEmbarque.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.RelacaoEmbarque.ALTERANDO" ng-click="vm.RelacaoEmbarque.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>

	<!-- <button ng-disabled="vm.RelacaoEmbarque.ALTERANDO" ng-if="!vm.RelacaoEmbarque.ALTERANDO" ng-click="vm.RelacaoEmbarque.imprimirRelatorio()" type="button" class="btn btn-warning" data-hotkey="f2">
        <span class="fa fa-print"></span> Imprimir
    </button> -->

	<div class="btn-group" ng-if="!vm.RelacaoEmbarque.ALTERANDO">
		<div class="dropdown" id="dropCompilado">
			<button
				id="dLabel"
				type="button"
				data-toggle="dropdown"
				data-hotkey="f2"
				class="btn btn-danger"
				ng-click="vm.RelacaoEmbarque.focusItem($event);"
				ng-dbclick="$event.stopPropagation();">
				<span class="glyphicon glyphicon-print"></span> Imprimir
			</button>
			<ul class="dropdown-menu multi-level"
				role="menu"
				aria-labelledby="dropdownMenu">
				<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Impressão</li>
				<li tabindex="0">
					<a ng-click="vm.RelacaoEmbarque.imprimirRelatorio()" style="cursor: pointer;">
						<span class=""></span> Romaneio de Embarque 
					</a>
				</li>
				<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Rótulos</li>
				<li tabindex="0">
					<a ng-click="vm.RelacaoEmbarque.imprimirEtiquetas(1)" style="cursor: pointer;">
						<span class=""></span> Imprimir Etiquetas
					</a>
					<!-- <a ng-click="vm.RelacaoEmbarque.imprimirEtiquetas(2)" style="cursor: pointer;">
						<span class=""></span> Imprimir Etiquetas por Item
					</a> -->
					<a ng-click="vm.RelacaoEmbarque.imprimirVersaoUm()" style="cursor: pointer;">
						<span class=""></span> Imprimir V1 (A4)
					</a>
					<a ng-click="vm.RelacaoEmbarque.imprimirVersaoDois()" style="cursor: pointer;">
						<span class=""></span> Imprimir V2 (A4)
					</a>
				</li>
				<!-- <li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
				<li tabindex="0" 
					ng-repeat="item in vm.FUNCIONALIDADES track by $index" 
					ng-keypress="$event.keyCode == 13 && item.FUNCAO();" 
					ng-keydown="vm.RelacaoEmbarque.changeSelection($event)">
					<a ng-click="item.FUNCAO()" style="cursor: pointer;">
						<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
					</a>
				</li> -->
			</ul>
		</div>
	</div>	
	
	<button ng-if="!vm.RelacaoEmbarque.ALTERANDO" data-consulta-historico data-tabela="TBMINUTA_COLETA" data-tabela-id="@{{ vm.RelacaoEmbarque.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<!-- <button ng-if="!vm.RelacaoEmbarque.ALTERANDO" data-consulta-arquivos data-tabela="#TABELA_PAI#" data-tabela-id="@{{ vm.RelacaoEmbarque.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button> -->
	
	<button ng-if="!vm.RelacaoEmbarque.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.RelacaoEmbarque.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>

@overwrite

@section('modal-header-end')

	<!-- PARA USAR OS BOTÕES DE AVANÇAR E RETROCEDER BASTA DESCOMENTAR AS LINHAS ABAIXO -->
	
	<!-- <button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.RelacaoEmbarque.previousRecord()" ng-if="!vm.RelacaoEmbarque.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.RelacaoEmbarque.nextRecord()" ng-if="!vm.RelacaoEmbarque.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button> -->
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 170px);">	
	
    <div class="row">
	
		<div class="form-group">
            <label>ID:</label>
            <input
                type="text"
                class="form-control input-menor"
				ng-model="vm.RelacaoEmbarque.SELECTED.DESC_ID"
                readonly="readonly">
        </div>
		
        <div class="form-group">
            <label>Descrição:</label>
            <input 
                type="text"
                class="form-control input-maior" 
                required
                ng-model="vm.RelacaoEmbarque.SELECTED.DESCRICAO"
                ng-readonly="!vm.RelacaoEmbarque.ALTERANDO">
        </div>

		<div class="form-group">
			<label>Data Embarque:</label>
			<input type="date" class="form-control" ng-atalho
				required ng-model="vm.RelacaoEmbarque.SELECTED.DATA_EMBARQUE"
				ng-readonly="!vm.RelacaoEmbarque.ALTERANDO">
		</div>

		<div style="display: -webkit-inline-box;" class="consulta-estabelecimento"></div>
		<div style="display: -webkit-inline-box;" class="consulta-transportadora"></div>
		
    </div>
		
	<fieldset style="margin-top: 15px;">
	<legend>Documentos Fiscais</legend>	
		<div style="margin-bottom: 10px;">
			<ul class="list-inline">

				<li>
					<button
						type="button"
						class="btn btn-primary btn-incluir"
						data-hotkey="f2"
						ng-disabled="!vm.RelacaoEmbarque.ALTERANDO"
						ng-click="vm.RelacaoEmbarqueItens.inclusaoChaveAcesso()">
						<span class="glyphicon glyphicon-plus"></span> Incluir por Chave de Acesso
					</button>
				</li>
				
				<li>
					<button
						type="button"
						class="btn btn-primary btn-incluir"
						data-hotkey="f6"
						ng-disabled="!vm.RelacaoEmbarque.ALTERANDO"
						ng-click="vm.RelacaoEmbarqueItens.incluir()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</li>

				<li ng-show="(!vm.RelacaoEmbarque.INCLUINDO) || vm.RelacaoEmbarque.INCLUINDO && vm.TabelaSecundaria.DADOS.length > 0">
					<button
						type="button"
						class="btn btn-danger btn-excluir"
						data-hotkey="alt+d"
						ng-disabled="!vm.RelacaoEmbarque.ALTERANDO || vm.TabelaSecundaria.DADOS.length == 0"
						ng-click="vm.RelacaoEmbarqueItens.excluirMultiplos(); vm.RelacaoEmbarqueItens.EXCLUINDO_MULTIPLOS = true">
						<span class="glyphicon glyphicon-trash"></span> Excluir Múltiplos
					</button>
				</li>

			</ul>

			<div class="tabela_secundaria" id="tabela_secundaria"></div>
			
		</div>
	</fieldset>	
	
</div>
</form>

@overwrite