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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.Cobrancas.ALTERANDO">{{ Lang::get('financeiro/_20330.titulo16-exibir') }}</span>
	<span ng-if="vm.Cobrancas.INCLUINDO">{{ Lang::get('financeiro/_20330.titulo16-incluir') }}</span>
	<span ng-if="vm.Cobrancas.ALTERANDO == true && vm.Cobrancas.INCLUINDO == false">{{ Lang::get('financeiro/_20330.titulo16-alterar') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.Cobrancas.ALTERANDO && vm.Cobrancas.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.Cobrancas.ALTERANDO && vm.Cobrancas.TIPO_ADD == 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-if="vm.Cobrancas.ALTERANDO" ng-click="vm.Cobrancas.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)->ALTERAR }} == 0" ng-if="!vm.Cobrancas.ALTERANDO" ng-click="vm.Cobrancas.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.Cobrancas.ALTERANDO" ng-click="vm.Cobrancas.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.Cobrancas.ALTERANDO" data-consulta-historico data-tabela="TBCLIENTE_COBRANCAS" data-tabela-id="@{{ vm.Cobrancas.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.Cobrancas.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Cobrancas.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

    <div class="row" ng-show="vm.Cobrancas.TIPO_ADD < 3">
	
		<div class="form-group" ng-if="vm.Cobrancas.SELECTED.ID > 0">
			<label>ID:</label>
			<input type="text" ng-model="vm.Cobrancas.SELECTED.FID"
				class="form-control input-menor" ng-readonly="true">
		</div>
					
		<div class="form-group" ng-if="vm.Cobrancas.SELECTED.ESTABELECIMENTO_ID > 0">
			<label>Estabelecimento: <a tabindex="-1" href="{{ url('') }}/_11630" target="_blank" rel="noopener noreferrer">
			<span class="fa fa-external-link" title="11630 - Cadastro de Estabelecimentos"></span></a></label>
			<input type="text" class="form-control input-maior" style="width: 315px !important;"
				ng-model="vm.Cobrancas.SELECTED.DESC_ESTABELECIMENTO" ng-readonly="true">
		</div>
		
		<div class="form-group" ng-if="vm.REGLANCCONTAREC.SELECTED.COLABORADOR_ID == 0">
			<label>Cliente: <a tabindex="-1" href="{{ url('') }}/_12360" target="_blank" rel="noopener noreferrer">
			<span class="fa fa-external-link" title="12360 - Cadastro de Clientes"></span></a></label>
			<input type="text" class="form-control input-maior" style="width: 420px !important;"
				ng-model="vm.REGLANCCONTAREC.SELECTED.DESC_EMPRESA" ng-readonly="true">
		</div>		
					
		<div class="form-group" ng-if="vm.REGLANCCONTAREC.SELECTED.GRUPO_EMPRESA != undefined && vm.REGLANCCONTAREC.SELECTED.GRUPO_EMPRESA != ''">
			<label>Grupo de Cliente: <a tabindex="-1" href="{{ url('') }}/_12450" target="_blank" rel="noopener noreferrer">
			<span class="fa fa-external-link" title="12450 - Cadastro de Grupos de Clientes"></span></a></label>
			<input type="text" class="form-control input-maior" style="width: 315px !important;"
				ng-model="vm.REGLANCCONTAREC.SELECTED.GRUPO_EMPRESA" ng-readonly="true">
		</div>	
	
		<div class="form-group" ng-if="vm.Cobrancas.SELECTED.ID > 0">
			<label>Data/Hora:</label>
			<input type="text" ng-atalho ng-model="vm.Cobrancas.SELECTED.FDATAHORA" style="width: 160px !important;"
				class="form-control" ng-readonly="true">
		</div>

		<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-documento"></div>
		
		<div class="form-group">
			<label>Valor:</label>
			<div class="input-group left-icon" style="width: 150px;">
				<div class="input-group-addon" style="background-color: #3ec33e; color: white; border-color: #3ec33e; padding: 9px;">R$</div>
				<input class="form-control input-menor text-right valor_total_cob" type="text" style="width: 115px !important;" ng-number-format="2"
					min="0" max="99999999.99" ng-model="vm.Cobrancas.SELECTED.VALOR_EM_ABERTO" ng-disabled="!vm.Cobrancas.ALTERANDO">
			</div>
		</div>
	
		<!-- <div class="form-group" ng-if="vm.Cobrancas.SELECTED.FDOCUMENTO != '' && vm.Cobrancas.SELECTED.FDOCUMENTO != undefined">
			<label>Documento:</label>
			<input type="text" ng-atalho ng-model="vm.Cobrancas.SELECTED.FDOCUMENTO" style="width: 160px !important;"
				class="form-control" ng-readonly="true">
		</div>		 -->

		<div class="form-group">
			<label>Descrição da Ocorrência:</label>
			<textarea class="form-control normal-case" style="resize: none; overflow: auto;" rows="7" cols="150" 
				ng-readonly="!vm.Cobrancas.ALTERANDO" ng-model="vm.Cobrancas.SELECTED.OCORRENCIA">
			</textarea>
		 </div>

		<div style="width: calc(100% - 165px); display: flex;">
			<div style="width: calc(50%);" class="tabela_cobrancas_forma_pagamento" id="tabela_cobrancas_forma_pagamento"></div> 
			<div style="width: calc(50%);" class="tabela_cobrancas_parcelas" 		id="tabela_cobrancas_parcelas">		  </div> 
		</div>
    </div>

</div>
</form>

@overwrite