@extends('master')

@section('titulo')
    {{ Lang::get('compras/_13015.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/13015.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
@php $id = isset($_GET['ID'])        ? $_GET['ID']        : 0
	
<form class="form-inline" ng-submit="vm.GerarOC.gravar_oc()">
	<input type="hidden" class="_requisicao_id" value="{{$id}}">
	<input type="hidden" class="_referencia_oc" value="R"> {{-- Referência a tabela TBREQUISICAO_OC --}}
	<ul class="list-inline acoes">    
		<li ng-if="!vm.GerarOC.OC_GERADA">
			<button type="button" class="btn btn-primary" data-hotkey="f9" ng-if="!vm.GerarOC.OC_GERADA"
				ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-click="vm.GerarOC.atribuir_dt()">
				<span class="glyphicon glyphicon-calendar"></span> Atribuir Datas
			</button>
		</li>
		<li ng-if="!vm.GerarOC.OC_GERADA">
			<button type="submit" class="btn btn-success" data-hotkey="f10" ng-disabled="!{{ userMenu($menu)->INCLUIR }}">
				<span class="glyphicon glyphicon-ok"></span> Gerar OC
			</button>
		</li>   
		<li ng-if="vm.GerarOC.OC_GERADA">
			<button type="button" class="btn btn-default" ng-click="vm.GerarOC.abrir_link(vm.GerarOC.OC_ID_GERADO);">
				<span class="glyphicon glyphicon-new-window"></span> Autorizar OC
			</button>
		</li>   
	</ul>   
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}
        
	</style>


	<div style="height: calc(100vh - 410px);">	
		<fieldset>
			<legend>Informações de Entrega</legend>
			<div class="row">	
				<div style="display: -webkit-inline-box;" class="consulta-Fornecedor"></div>
				<div style="display: -webkit-inline-box;" class="consulta-Transportadora"></div>
				<div class="form-group">
					<label>Frete:</label>
					<div class="input-group">
						<select style="width: 131px;" name="repeatSelect" required ng-model="vm.GerarOC.FRETE"
							ng-disabled="vm.GerarOC.OC_GERADA" id="repeatSelect">
							<option value="1"> CIF </option>
							<option value="2"> FOB </option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<label>Valor do Frete: </label>
					<div class="input-group">
					<div class="input-group-addon" style="padding-top: 10px; font-size: 14px;" >R$</div>
						<input step="0.01" style ="width: 120px" type="number" min="0"
							class="form-control input-medio text-right" ng-model="vm.GerarOC.VALOR_FRETE"
							ng-readonly="vm.GerarOC.FRETE == 2 || vm.GerarOC.OC_GERADA" ng-required="vm.GerarOC.FRETE == 1">		
					</div>		
				</div> 
				<div style="display: -webkit-inline-box;" class="consulta-FormaPagamento"></div>
				<div style="display: -webkit-inline-box;" class="consulta-CondPagamento"></div>
			</div>
		</fieldset>
		<fieldset style="margin-top: -14px">
			<legend>Produtos para Geração de Ordem de Compra</legend>
			<div class="tabela_principal" id="tabela_principal"></div>
		</fieldset>	
	</div>
</form>
	
    @include($menu.'.modal.GerarOC')
	@include($menu.'.modal.GerarOCItens')
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_13015.js') }}"></script>
@append

<!-- <form ng-submit="vm.GerarOC.consultar()" class="form-inline">		
			<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" 
				 style="margin-bottom: 4px;
						background: rgba(221,221,221,.33);
						padding: 2px 10px 7px;
						border-radius: 5px;">

				<div class="form-group" style="width: calc(100% - 100px); padding-top: 5px; min-width: 200px;">
					<input type="text" style="width: 100% !important; min-width: 170px;"
						placeholder="Filtragem rápida..."
						class="form-control input-maior filter_main" 
						ng-model="vm.GerarOC.FILTRO_DADOS">
				</div>

				<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
					<button type="submit" class="btn btn-xs btn-primary btn-filtrar"
						data-hotkey="alt+f" id="btn-table-filter">
						<span class="glyphicon glyphicon-filter"></span> Filtrar
					</button>
				</div>	
			</div>
	</form> -->

	<!-- <table class="table table-striped table-bordered table-hover lista-obj">
    		<tr class="t-sugestao">
				<td class="t-v-center" colspan="7"><label style="font-weight: bold; margin-top: 15px">Fornecedor</label></td>  	
				<td class="t-low t-input t-center t-v-center">
				<div style="display: -webkit-inline-box;" class="consulta-Fornecedor"></div>
				</td>	
			</tr>

			<tr class="t-sugestao">
					<td class="t-v-center" colspan="7"><label style="font-weight: bold; margin-top: 15px">Frete</label></td>
					<td class="t-low t-input t-center t-v-center">
						<div class="form-group">
							<select style="width: 131px" name="frete" class="form-control frete" required="">
								<option value="1">CIF</option>
								<option value="2" selected="">FOB</option>
							</select> 
                     		<div class="input-group dinheiro" style="margin-left: 140px; margin-top: -35px">
								<div class="input-group-addon" style="padding-top: 10px; font-size: 14px;" >R$</div>
									<input
										step="0.01"
										style ="width: 120px"
										type="number"
										min="0"
										class="form-control input-medio text-right" 
										ng-model="vm.GerarOC.SELECTED.VALOR_FRETE">
								</div>		
							</div>                                                  
					</td>
				</tr>
			
			<tr class="t-sugestao">
				<td class="t-v-center" colspan="7"><label style="font-weight: bold; margin-top: 15px">Transportadora</label></td> 
				<td class="t-low t-input t-center t-v-center">
				<div style="display: -webkit-inline-box;" class="consulta-Transportadora"></div>
				</td>	 		
			</tr>	
			
			<tr class="t-sugestao">
				<td class="t-v-center" colspan="7"><label style="font-weight: bold; margin-top: 15px">Forma de Pagamento</label></td>  		
				<td class="t-low t-input t-center t-v-center">
				<div style="display: -webkit-inline-box;" class="consulta-FormaPagamento"></div>
				</td>
			</tr>	
			
			<tr class="t-sugestao">
				<td class="t-v-center" colspan="7"><label style="font-weight: bold; margin-top: 15px">Condição de Pagamento</label></td> 
				<td class="t-low t-input t-center t-v-center">
				<div style="display: -webkit-inline-box;" class="consulta-CondPagamento"></div>
				</td> 		
			</tr>		
		</table> -->