@extends('master')

@section('titulo')
    {{ Lang::get('vendas/_12050.titulo') }}
@endsection

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

@section('conteudo')

<div id="AppCtrl" ng-controller="Ctrl as vm" ng-cloak>
	<!-- style="margin-top: 14px;" -->
	<ul class="list-inline acoes" style="margin-top: -15px !important;">			
		<li>
			<button type="button" class="btn btn-default" id="filtrar-toggle" data-toggle="collapse"
				data-target="#relatorio-filtro" aria-expanded="true" aria-controls="relatorio-filtro">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
		<li style="right: 0; float: right; position: fixed; margin-right: 16px; margin-top: -27px;">
			<button ng-click="vm.Acao.redirect();" class="btn btn-default" data-hotkey="esc">
				<span class="glyphicon glyphicon-chevron-left"></span> 
				Voltar
			</button>
		</li>
	</ul>

    <form class="form-inline" style="margin-top: 5px; height: calc(100vh - 130px);">
    	
    	<!-- <fieldset class="programacao">
            
            <button type="button" class="btn btn-xs btn-default" id="filtrar-toggle" data-toggle="collapse" data-target="#relatorio-filtro" aria-expanded="true" aria-controls="programacao-filtro">
    			{{ Lang::get('master.filtro-toggle') }}
    			<span class="caret"></span>
    		</button> -->
      
    		<div id="relatorio-filtro" 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;">
                      
                <!-- {{-- Estabelecimento --}}
                @include('admin._11020.include.listar2', [
                    'required'			=> 'required',
                    'autofocus'			=> 'autofocus',
                    'opcao_selec'		=> 'true',
                    'form_group'        => 'true',
                ])

                {{-- Familia --}}
                @include('helper.include.view.consulta',
                    [
                        'label_descricao'   => 'Família:',
                        'obj_consulta'      => 'Produto/include/_27010-familia',
                        'obj_ret'           => ['ID','DESCRICAO'],
                        'campos_sql'        => ['ID','DESCRICAO'],
                        'campos_imputs'     => [['_familia_id','ID'],['_familia_descricao','DESCRICAO']],
                        'filtro_sql'        => [
                                                ['STATUS','1'],       /* {{ Família Ativa   }} */
                                                ['TIPOPRODUTO_ID',2], /* {{ Produto Acabado }} */
                                               ],
                        'campos_tabela'     => [['ID','80'],['DESCRICAO','200']],
                        'campos_titulo'     => ['ID','DESCRIÇÃO'],
                        'class1'            => 'input-medio-extra',
                        'required'		    => 'required'
                    ]
				) -->
				@php $data_inicio = date("Y-m-").'01';
				@php $data_fim    = date("Y-m-d");
				
				<div class="form-group filtro-periodo" style="display: -webkit-inline-box !important;height: unset !important; border: 0px; margin-top: -15px;">
					<div class="form-group" style="display: flex !important; min-width: fit-content; max-width: fit-content; margin-top: 16px;
						background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px; padding-right: 4px;
						border: 1px solid #cccccc;">
						<select class="form-control select-perildo" style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600;
							border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: none !important;">
							<option style="font-weight: 600;" value="1">Data de Emissão</option>
							<option style="font-weight: 600;" value="2">Previsão de Faturamento</option>
						</select>
						<input type="date" style="margin-top: 4px; margin-left: 4px; width: 130px !important;" class="form-control data-ini" value="{{ $data_inicio }}" ng-atalho>
						<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
						<input type="date" style="margin-top: 4px; width: 130px !important;" class="form-control data-fim" value="{{ $data_fim }}" ng-atalho>
					</div>		 
				</div>

				<div style="display: -webkit-inline-box;" class="consulta_estab"></div>
				<input type="hidden" class="_input_estab2" value="">
				<div style="margin-right: 0px; display: -webkit-inline-box;" class="consulta_fam"></div>
                <input type="hidden" class="_input_fam2" value=""> 
                <!-- <div class="form-group filtro-periodo" style="display: -webkit-inline-box !important;height: unset !important;">
                    <label style="padding-top: 5px; margin-right: 5px;">Período:</label>
                    <input type="date" class="form-control data-ini" value="{{ $data_inicio }}">
                    <label class="periodo-a">à</label>
                    <input type="date" class="form-control data-fim" value="{{ $data_fim }}">
				</div> -->
				

                <!-- <div class="form-group filtro-periodo filtro-tipo" style="display: -webkit-inline-box !important;height: unset !important;">
                    <label style="padding-top: 5px; margin-right: 5px;">Período dos pedidos:</label>
                    <div class="div-chec-tipo"  style="display: -webkit-inline-box !important;">
                        <label><input class="checkbox-perildo checkbox-perildod" type="checkbox" value="1" checked="">Data de Emissão</label>
                        <label><input class="checkbox-perildo checkbox-perildop" type="checkbox" value="2" >Previsão de Faturamento</label>
                    </div>
                </div> -->

                <div class="form-group filtro-periodo filtro-tipo" style="display: none !important; height: unset !important; border: 0px !important; margin-left: 0px; margin-bottom: 10px;">
                    <div class="div-chec-tipo"  style="display: -webkit-inline-box !important;">
                        <input type="hidden" id="checkbox-financeiro" name="checkbox-financeiro" class="checkbox-financeiro" value="{{controleUser(889)}}">
                        <input type="hidden" id="checkbox-financeiro3" name="checkbox-financeiro3" class="checkbox-financeiro3" value="@{{vm.VER_FINANCEIRO}}"> 
                        <label title="Parametros de usuários (889)"><input ng-disabled="{{controleUser(889)}} == 0" title="Parametros de usuários (889)" ng-true-value="1" ng-false-value="0" ng-model="vm.VER_FINANCEIRO" class="checkbox-financeiro2" type="checkbox" >Financeiro</label>
                    </div>
                </div>

                <!-- <div class="form-group filtro-periodo filtro-tipo" style="display: -webkit-inline-box !important; height: unset !important; border: 0px !important; margin-left: 0px; margin-bottom: 10px;">
                    <div class="div-chec-tipo"  style="display: -webkit-inline-box !important;">
                        <input type="hidden" id="checkbox-financeiro" name="checkbox-financeiro" class="checkbox-financeiro" value="{{controleUser(889)}}">
                        <input type="hidden" id="checkbox-financeiro4" name="checkbox-financeiro4" class="checkbox-financeiro4" value="@{{vm.VER_FINANCEIRO2}}"> 
                        <label title="Parametros de usuários (889)"><input ng-disabled="{{controleUser(889)}} == 0" title="Parametros de usuários (889)" ng-true-value="1" ng-false-value="0" ng-model="vm.VER_FINANCEIRO2" class="checkbox-financeiro5" type="checkbox" >Financeiro</label>
                    </div>
				</div> -->
				<div class="form-group filtro-periodo filtro-tipo" style="display: -webkit-inline-box !important; height: unset !important; border: 0px !important; margin-left: 0px; margin-top: -7px;">
					<div class="div-chec-tipo">
						<label>Tipo:</label>
						<select title="Parametros de usuários (889)" id="slc_tipo_filtro" ng-disabled="{{controleUser(889)}} == 0" class="form-control select-financeiro5" ng-model="vm.VER_FINANCEIRO2">
							<option value="0">Quantitativo</option>
							<option value="1">Financeiro</option>
						</select>
                        <input type="hidden" id="checkbox-financeiro" name="checkbox-financeiro" class="checkbox-financeiro" value="{{controleUser(889)}}">
                        <input type="hidden" id="checkbox-financeiro4" name="checkbox-financeiro4" class="checkbox-financeiro4" value="@{{vm.VER_FINANCEIRO2}}"> 
                        <!-- <label title="Parametros de usuários (889)"><input ng-disabled="{{controleUser(889)}} == 0" title="Parametros de usuários (889)" ng-true-value="1" ng-false-value="0" ng-model="vm.VER_FINANCEIRO2" class="checkbox-financeiro5" type="checkbox">Financeiro</label> -->
                    </div>
				</div>
				
				<div class="form-group filtro-periodo filtro-tipo" style="display: -webkit-inline-box !important; height: unset !important; border: 0px !important; margin-left: 0px; margin-top: -7px;">
					<div class="div-chec-tipo">
						<label>Família:</label>
						<select id="slc_tipo_fam_filtro" class="form-control" ng-model="vm.FAMILIA_VISIVEL">
							<option value="0">Produção</option>
							<option value="1">Comercial</option>
						</select>
                    </div>
				</div>

				<button style="margin-right: 5px" type="button" class="btn btn-primary" id="btn-imprimir" data-hotkey="alt+f">
					<span class="glyphicon glyphicon-filter"></span>
					Filtrar
				</button> 
				
				<button style="margin-right: 5px" type="button" class="btn btn-primary" ng-click="vm.Acao.imprimir()">
					<span class="glyphicon glyphicon-print"></span> 
					Imprimir
				</button>

				<button style="margin-left: 5px" type="button" class="btn btn-primary" ttitle="Exportar para CSV" ng-click="vm.Acao.export1()">
					<span class="glyphicon glyphicon-save"></span> 
					CSV
				</button>

				<button style="margin-left: 5px" type="button" class="btn btn-primary" ttitle="Exportar para XLS" ng-click="vm.Acao.export2()">
					<span class="glyphicon glyphicon-save"></span> 
					XLS
				</button>
				<!-- <div class="form-group">
					
				</div>

				<div class="form-group" style="margin-top: 20px;">
					
				</div>
	
				<div class="form-group" style="margin-top: 20px;">
				
				</div>
	
				<div class="form-group" style="margin-top: 20px;">
					
				</div> -->
            </div>


    	<!-- </fieldset>  -->
        <div class="relatorios_container" style="overflow: hidden; zoom: 0.99;">
			<div style="margin-left: 0px !important" class="tabela-relatorio-titulo"></div>
			<div style="margin-left: 0px !important" class="tabela-relatorio"></div>
		</div>
    </form>

    @include('vendas._12050.show.detalharDefeito')
	@include('vendas._12050.show.detalharTipo')

</div>


@include('helper.include.view.pdf-imprimir')

@endsection

@section('script')
    <script src="{{ url('assets/js/loader.js') }}"></script>
    <script src="{{ elixir('assets/js/data-table.js') }}"></script>
    <script src="{{ elixir('assets/js/_12050.js') }}"></script>
    <script src="{{ elixir('assets/js/_12050.app.js') }}"></script>
@append