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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>Visualizar Ordens de Compra</span>
</h4>

@overwrite

@section('modal-header-right')
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" 
		ng-click="vm.Projecao.fecharOrdensCompra()" 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 - 230px);">
	<div style="background-color: #1f51ff; width: calc(100% - 1px);
				color: white; height: 30px; font-size: 20px; 
				border-radius: 5px 5px 0px 0px; text-align: center;">@{{vm.Projecao.DESCRICAO_PRODUTO_COMPRA}}</div>
		
	<fieldset style="margin-top: 10px;">
		<div style="margin-bottom: 10px;">
			<div class="tabela_ordens_compra" id="tabela_ordens_compra"></div>
		</div>
	</fieldset>
	
</div>
</form>

@overwrite