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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.AgrupamentoPedRepItens.TIPO_ADD < 3 ? vm.AgrupamentoPedRepItens.gravar() : vm.AgrupamentoPedRepItens.confirmItensSelected()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.AgrupamentoPedRep.SELECTED.DESCRICAO}} -->
	<span>Detalhamento da UP @{{vm.AgrupamentoPedRepItens.SELECTED.DESC_UP}}</span>
</h4>

@overwrite

@section('modal-header-right')

	<!-- <button ng-if="vm.AgrupamentoPedRepItens.ALTERANDO && vm.AgrupamentoPedRepItens.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.AgrupamentoPedRepItens.ALTERANDO && vm.AgrupamentoPedRepItens.TIPO_ADD == 3" type="submit" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-if="vm.AgrupamentoPedRepItens.ALTERANDO" ng-click="vm.AgrupamentoPedRepItens.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 }}" ng-if="!vm.AgrupamentoPedRepItens.ALTERANDO" ng-click="vm.AgrupamentoPedRepItens.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.AgrupamentoPedRepItens.ALTERANDO" ng-click="vm.AgrupamentoPedRepItens.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 || (vm.AgrupamentoPedRepItens.TIPO_ADD == 2 && vm.AgrupamentoPedRep.ALTERANDO == false)" ng-if="!vm.AgrupamentoPedRepItens.ALTERANDO" ng-click="vm.AgrupamentoPedRepItens.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 || (vm.AgrupamentoPedRepItens.TIPO_ADD == 2 && vm.AgrupamentoPedRep.ALTERANDO == false)" ng-if="!vm.AgrupamentoPedRepItens.ALTERANDO" ng-click="vm.AgrupamentoPedRepItens.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button> -->
	
	<button ng-if="!vm.AgrupamentoPedRepItens.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.AgrupamentoPedRepItens.fecharModal()" 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 - 130px);">
	
	<div class="">

		<legend style="text-align: center;">@{{vm.AgrupamentoPedRep.SELECTED.DESCRICAO}} - @{{vm.AgrupamentoPedRep.SELECTED.DATA_INICIAL_F}} à @{{vm.AgrupamentoPedRep.SELECTED.DATA_FINAL_F}}</legend>

		<div class="form-group" style="display: block; width: 352px; text-align: center; margin: 0 auto;">
			<label style="font-weight: bold;"></label>

			<div class="check-group">
				<label class="lbl" style="margin-right: 25px;">

					<input id="chk-pedidos-sem-remessa" type="checkbox" class="form-control" ng-click="vm.AgrupamentoPedRep.SHOW_PEDIDOS = vm.AgrupamentoPedRep.SHOW_PEDIDOS ? false : true;" ng-checked="vm.AgrupamentoPedRep.SHOW_PEDIDOS" />
					<label for="chk-pedidos-sem-remessa" ng-class="{'fontBold': vm.AgrupamentoPedRep.SHOW_PEDIDOS}" style="top: 4px !important; margin-left: 2px;">
						Pedidos sem remessa
					</label>

				</label>

				<label class="lbl" style="margin-right: 25px;">
					<input id="chk-remessas" type="checkbox" class="form-control" ng-click="vm.AgrupamentoPedRep.SHOW_REMESSAS = vm.AgrupamentoPedRep.SHOW_REMESSAS ? false : true;" ng-checked="vm.AgrupamentoPedRep.SHOW_REMESSAS" />
					<label for="chk-remessas" ng-class="{'fontBold': vm.AgrupamentoPedRep.SHOW_REMESSAS}" style="top: 4px !important; margin-left: 2px;">
						Remessas
					</label>
				</label>

			</div>
		</div>

		
		<div class="chart-bar grafico" style="margin-right: 15% !important; margin-left: 2%; !important" ng-show="vm.AgrupamentoPedRep.SHOW_PEDIDOS == true" ng-class="{'width100' : vm.AgrupamentoPedRep.SHOW_REMESSAS == false}">
			<canvas id="myBarHorizontalChart"></canvas>
		</div>

		<div class="chart-bar grafico" ng-show="vm.AgrupamentoPedRep.SHOW_REMESSAS == true" ng-class="{'width100' : vm.AgrupamentoPedRep.SHOW_PEDIDOS == false}">
			<canvas id="myGraficRemessa"></canvas>
		</div>

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

@overwrite