@extends('master')

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

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

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

    <div class="visualizar-arquivo">

        <button style="position: fixed; top: 60px; right: 215px;" emailuser="{{Auth::user()->EMAIL}}" type="button" class="btn btn-default enviar-arquivo">
            <span class="glyphicon glyphicon-envelope"></span>
            Enviar
        </button>

        <a class="btn btn-default download-arquivo" href="" download="" data-hotkey="alt+b">
            <span class="glyphicon glyphicon-download"></span>
            Baixar
        </a>

        <button type="button" class="btn btn-default esconder-arquivo" data-hotkey="f11" >
            <span class="glyphicon glyphicon-chevron-left"></span>
            Voltar
        </button>

        <object style="width: 100%; height: 100%;" data="" ></object>

    </div>

    @php $representante = isset($_GET['REPRESENTANTE']) ? $_GET['REPRESENTANTE'] : 0
    @php $cliente       = isset($_GET['CLIENTE'])       ? $_GET['CLIENTE']       : 0
    @php $dec_cliente   = isset($_GET['DESCLIENTE'])    ? $_GET['DESCLIENTE']    : ''
    @php $pedido        = isset($_GET['PEDIDO'])        ? $_GET['PEDIDO']        : 0

    <input type="hidden" class="_representante" value="{{$representante}}">
    <input type="hidden" class="_cliente"       value="{{$cliente}}">
    <input type="hidden" class="_pedido"        value="{{$pedido}}">
    <input type="hidden" class="_dec_cliente"   value="{{$dec_cliente}}">

    <input type="hidden" id="CLS_CLIENTE"  name="CLS_CLIENTE"  value="-1" >
    <input type="hidden" id="POST_CLIENTE" name="POST_CLIENTE" ng-click="vm.Pedidos.addNewCliente()">

	<ul class="list-inline acoes">    
		<li>
            <button type="button" class="btn btn-primary btn-incluir" data-hotkey="f6"
                ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-click="vm.Pedidos.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>
        <li>
			<button type="button" class="btn btn-default" id="filtrar-toggle" data-toggle="collapse" ng-click="vm.Pedidos.tabela_height()"
				data-target="#relatorio-filtro" aria-expanded="true" aria-controls="programacao-filtro">
                Filtro
                <span class="caret"></span>
            </button>
        </li>
        <!--
        <li>
            <div style="display: inline-flex; padding: 0.5px; height: 32px; position: absolute; top: 9px;"> 
                <input style="margin-top: 2px; margin-right: 5px; margin-left: 15px; width: 29px; height: 29px;" type="checkbox" ng-model="vm.Filtro.ocultar_colunas" class="ng-pristine ng-valid ng-empty ng-touched">
                <label style="top: 7px;">Detalhar</label>
            </div>
        </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>
    <form ng-submit="vm.Pedidos.consultar(1)">
        <div id="relatorio-filtro"
            class="panel-filter collapse in">
            <style>
                .consulta-cliente input[type="search"] {
                    width: 300px !important;
                }
			</style>
			
			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; width: calc(29%); 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" ng-model="vm.Filtro.TipoData" ng-change="vm.Filtro.apagar_filtro();"
						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: capitalize;">
						<option style="font-weight: 600;" value="1" ng-value="1">Dt.Emissão</option>
						<option style="font-weight: 600;" value="2" ng-value="2">Dt.Cliente</option>
						<option style="font-weight: 600;" value="3" ng-value="3">Todos</option>
					</select>
					<!--ng-change="vm.TabelaPrincipal.apagar();" ng-change="vm.TabelaPrincipal.apagar();"-->
					<input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro.DataInicio" ng-atalho ng-readonly="vm.Filtro.TipoData == 3">
					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro.DataFim" ng-atalho ng-readonly="vm.Filtro.TipoData == 3">
				</div>		 
			</div>

			<div class="inline consulta-cliente"></div>
			
			<div class="inline consulta-perfil-pedido"></div>
            <!-- 
            <div 
                class="inline consulta-perfil-pedido"
                x-model="vm.ConsultaPerfilPedido"
                x-label="Perfil de Pedido"
				x-api="/_12200/api/pedido-perfil"
                x-returns="['DESCRICAO']"
                x-table-returns="[['ID', 'Id'],['DESCRICAO','Descrição']]"
                x-input-width="152px"
                x-required="false"
                ></div>  
            
            
            <div class="form-group">
                <label>Período:</label>
                <div class="input-group">
                    <input type="date" class="data-ini" ng-model="vm.Filtro.DataInicio" ng-disabled="vm.Filtro.TipoData == 3" style="width: 130px !important;">
                    <label style="display: inline-block" class="periodo-a">à</label>
                    <input type="date" class="data-fim" ng-model="vm.Filtro.DataFim" ng-disabled="vm.Filtro.TipoData == 3" style="width: 130px !important;">
                </div>
            </div>

            <div class="form-group">
                <label>Filtar data por:</label>             
                <div class="check-group">
                    <label class="lbl">
                        <input type="radio" ng-model="vm.Filtro.TipoData" ng-value="1">
                        <span>Emissão</span>
                    </label>
                    <label class="lbl">
                        <input type="radio" ng-model="vm.Filtro.TipoData" ng-value="2">
                        <span>Cliente</span>
                    </label>
                    <label class="lbl">
                        <input type="radio" ng-model="vm.Filtro.TipoData" ng-value="3">
                        <span>Todos</span>
                    </label>
                </div>
            </div>         -->

            <div class="form-group">
                <label>Pedido:</label>
                <input form-validate="true" type="text" class="form-control input-menor ng-pristine ng-untouched ng-valid" ng-model="vm.Filtro.Pedido" style="width: 110px !important;">
            </div>

            <div class="form-group">
                <label>Pedido Cliente:</label>
                <input form-validate="true" type="text" class="form-control input-menor ng-pristine ng-untouched ng-valid ng-empty" ng-model="vm.Filtro.PedidoCliente" style="width: 110px !important;">
            </div>

            <div class="form-group">
                <input 
                    id="chk-pedidos-faturar"
                    type="checkbox" 
                    class="form-control" 
                    ng-click="vm.Filtro.Faturado = vm.Filtro.Faturado ? false : true" 
                    ng-checked="vm.Filtro.Faturado"
                    />
                <label for="chk-pedidos-faturar"> 
                    Só Pedidos à Faturar
                </label>
            </div>  

            <div class="form-group">
                <input 
                    id="chk-pedidos-comfirmar"
                    type="checkbox" 
                    class="form-control" 
                    ng-click="vm.Filtro.Confirmado = vm.Filtro.Confirmado ? false : true" 
                    ng-checked="vm.Filtro.Confirmado"
                    />
                <label for="chk-pedidos-comfirmar"> 
                    Só Pedidos à Confrmar
                </label>
            </div>  

            <button type="submit" class="btn btn-xs btn-primary" data-hotkey="alt+f">
                <span class="glyphicon glyphicon-filter"></span>Filtrar
            </button>        

        </div>
    </form>
<!--
	<div class="form-group" style="margin-bottom: 4px; display: -webkit-box;">
		<input 
			type="text"
			style="width: calc(100% - 110px)!important;"
			placeholder="Filtragem rápida..."
			class="form-control input-maior" 
			required
			ng-model="vm.Pedidos.FILTRO_DADOS">

        <div style="margin-left: 6px;">
            <button type="button" style="" class="btn btn-primary" ng-click="vm.Pedidos.export(1)">
                <span class="glyphicon glyphicon-save"></span> 
                Exp. XLS
            </button>
        </div>
	</div>
		
    <div class="table-ec table-scroll" style="height: calc(100vh - 300px); min-height: 350px;">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.Pedidos.ORDER_BY">
                    <th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Em Dia | Vermelho: Atrasado"></th>                    
                    <th field="PEDIDO">Pedido</th>
					<th field="NFS">N. Fiscal</th>
                    <th field="PEDIDO_CLIENTE">Ped. Cli.</th>
                    <th field="CLIENTE_RAZAOSOCIAL">Cliente</th>
                    <th field="PERFIL_PEDIDO">Perfil</th>
                    <th field="TIPO">Tipo</th>
                    <th field="DATA">Dt. Emissão</th>
                    <th field="DATA_CLIENTE">Dt. Cliente</th>
                    <th field="PROGRAMADO">Prog.?</th>
                    <th field="SITUACAO">Conf.?</th>
                    <th field="QUANTIDADE_TOTAL">Qtd.</th>
                    <th ng-show="vm.Filtro.ocultar_colunas == true" field="FATURADO">Faturado</th>
                    <th ng-show="vm.Filtro.ocultar_colunas == true" field="SALDO_FATURAR">Saldo</th>
                    <th ng-show="vm.Filtro.ocultar_colunas == true" field="PRODUZIR">A Produzir</th>
                    <th ng-show="vm.Filtro.ocultar_colunas == true" field="EMPRODUCAO">Em Produção</th>
                    <th ng-show="vm.Filtro.ocultar_colunas == true" field="ALOCADO">Alocado</th>
                    <th ng-show="vm.Filtro.ocultar_colunas == true" field="ENCERRADO">Encerrado</th>
                    <th field="VALOR_TOTAL">Valor Total</th>
                    <th field="VALOR_ST">Valor ST</th>
                    <th field="MODELO">Modelo</th>
                    <th field="DESCRICAO">OBSERVACAO</th>
                </tr>
            </thead>
            <tbody>
                <tr class="pedido_item pedido_item_@{{item.PEDIDO}}"
                    ng-repeat="item in vm.Pedidos.DADOS_RENDER = ( vm.Pedidos.DADOS | orderBy : vm.Pedidos.ORDER_BY | find: {model : vm.Pedidos.FILTRO_DADOS ,fields : 'all'})"
                    ng-Click="vm.Pedidos.visualizar()"
                    ng-focus="vm.Pedidos.SELECTED = item"
                    ng-class="{ 'selected' : vm.Pedidos.SELECTED == item, 'pedido-atrasado': item.ATRASADO == 1 && item.SALDO_FATURAR > 0, 'pedido-pronto': item.ALOCADO == item.SALDO_FATURAR}"
                    tabindex="0"
                    >
                    <td class="t-status status-@{{ item.ATRASADO == 1 && item.SALDO_FATURAR > 0 ? 0 : 1 }}">
                    </td>
                    
                    <td class="pedido text-right">@{{ item.PEDIDO }}</td>
                    <td class="pedido text-right">
                        
                        <a ng-if="item.NFS > 0" href="/_12100?nota=@{{item.NFS}}&cliente=@{{item.CLIENTE_CODIGO}}&representante=@{{item.REPRESENTANTE_CODIGO}}" target="_blank" >@{{item.NFS}}</a>

                        <span
                            ng-if="item.NFS[0] > 0"
                            class="glyphicon glyphicon-info-sign ng-scope"
                            data-toggle="popover"
                            data-placement="right"
                            title=""
                            data-element-content="#info-@{{item.PEDIDO}}"
                            on-finish-render="bs-init"
                            data-original-title="Notas Fiscais"
                            style="margin-right: 22px;"
                        ></span>

                        <div id="info-@{{item.PEDIDO}}" style="display: none">
                            <div class="origem-container">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th class="text-left"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="iten in item.NFS">
                                            <td class="text-left ng-binding"><a href="/_12100?nota=@{{iten}}&cliente=@{{item.CLIENTE_CODIGO}}&representante=@{{item.REPRESENTANTE_CODIGO}}" target="_blank" >@{{iten}}</a></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </td>
                    <td class="pedido-cliente text-right" autotitle style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">@{{ item.PEDIDO_CLIENTE 	               }}</td>
                    <td class="modelo"          autotitle >@{{ item.CLIENTE_RAZAOSOCIAL              }}</td>
                    <td class="data-inclusao" title="@{{ item.PERFIL }}">@{{ item.PERFIL_PEDIDO      }}</td>
                    <td class="data-inclusao"          	  >@{{ item.TIPO                             }}</td>
                    <td class="data-inclusao text-center" >@{{ item.DATA | date:'dd/MM/yyyy'         }}</td>
                    <td class="data-cliente text-center"  >@{{ item.DATA_CLIENTE | date:'dd/MM/yyyy' }}</td>
                    <td class="programado text-center">
                        <span class="fa fa-times" ng-if="item.PROGRAMADO == 0"></span>
                        <span class="fa fa-check" ng-if="item.PROGRAMADO == 1"></span>
                    </td>
                    
                    <td class="confirmado text-center">

                        <span 
                            class="fa fa-times" 
                            title="Pedido não confirmado"
                            ng-if="item.SITUACAO == 0 && item.FORMA_ANALISE == 1 && item.AUTORIZACAO_SUPERVISOR == 0"></span>

                        <span 
                            class="fa fa-check" 
                            title="Pedido confirmado"
                            ng-if="item.SITUACAO == 1"></span>

                        <span 
                            class="fa fa-exclamation-triangle" 
                            title="Pedido em analise"
                            ng-if="item.SITUACAO == 0 && item.FORMA_ANALISE == 0 && item.AUTORIZACAO_SUPERVISOR == 0"></span>

                        <span 
                            class="fa fa-check" 
                            title="Analise Supervisor"
                            ng-class="{'analise-pendente': item.AUTORIZACAO_SUPERVISOR == 1, 'analise-reprovado': item.AUTORIZACAO_SUPERVISOR == 2, 'analise-aprovado': item.AUTORIZACAO_SUPERVISOR == 3}"
                            ng-if="item.SITUACAO == 0 && item.AUTORIZACAO_SUPERVISOR > 0"></span>

                        <span 
                            class="fa fa-check" 
                            title="Analise Financeiro"
                            ng-class="{'analise-pendente': item.AUTORIZACAO_FINANCEIRO == 1 || item.AUTORIZACAO_FINANCEIRO == 0, 'analise-reprovado': item.AUTORIZACAO_FINANCEIRO == 2, 'analise-aprovado': item.AUTORIZACAO_FINANCEIRO == 3}"
                            ng-if="item.SITUACAO == 0 && item.AUTORIZACAO_SUPERVISOR > 0"></span>

                    </td>

                    <td class="qtd text-right"			>@{{ item.QUANTIDADE_TOTAL | number }}</td>
                    
                    <td ng-show="vm.Filtro.ocultar_colunas == true" class="data-cliente text-right"	>@{{ item.FATURADO      | number }}</td>
                    <td ng-show="vm.Filtro.ocultar_colunas == true" class="data-cliente text-right"	>@{{ item.SALDO_FATURAR | number }}</td>
                    <td ng-show="vm.Filtro.ocultar_colunas == true" class="data-cliente text-right"	>@{{ item.PRODUZIR      | number }}</td>
                    <td ng-show="vm.Filtro.ocultar_colunas == true" class="data-cliente text-right"	>@{{ item.EMPRODUCAO    | number }}</td>
                    <td ng-show="vm.Filtro.ocultar_colunas == true" class="data-cliente text-right"	>@{{ item.ALOCADO       | number }}</td>
                    <td ng-show="vm.Filtro.ocultar_colunas == true" class="data-cliente text-right"	>@{{ item.ENCERRADO     | number }}</td>

                    <td class="valor text-right"		>@{{ item.VALOR_TOTAL | currency:'R$ ':2 }}</td>
                    <td class="valor text-right"		>@{{ item.VALOR_ST    | currency:'R$ ':2 }}</td>
                    <td class="modelo"  autotitle       >@{{ item.MODELO }}</td>
                    <td class="obs" autotitle           >@{{ item.OBSERVACAO }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div style="display: inline-flex;">
        <div class="pedido-atrasado div-status-pedido">Pedido Atrasado</div>
        <div class="pedido-pronto   div-status-pedido">Pedido Pronto  </div>
        <div class="div-status-pedido" style="border: 1px solid #dddddd;">
            <span style="font-weight: bold;">Confirmação:</span>
            <span style="margin-left: 5px;">1º <span class="fa fa-check" ></span> Supervisor </span>
            <span style="margin-left: 5px;">2º <span class="fa fa-check" ></span> Financeiro </span>
            <span style="margin-left: 5px;"><span class="fa fa-exclamation-triangle" ></span> Em analise </span>
            <span style="margin-left: 5px;"><span class="fa fa-check analise-pendente" ></span> Pendente </span>
            <span style="margin-left: 5px;"><span class="fa fa-check analise-reprovado"></span> Reprovado </span>
            <span style="margin-left: 5px;"><span class="fa fa-check analise-aprovado" ></span> Aprovado </span>
        </div>
    </div>

-->

    <div class="tabela_principal" id="tabela_principal"></div>
    
    @php $c218 = controleUser(218);

    @include($menu.'.modal.Pedidos'                          ,['pu218' => $c218])
    @include('vendas._12040.modal_detalhar'                  ,['pu218' => $c218])
	@include('vendas._12040.modal_tabela'                    ,['pu218' => $c218])
	@include('vendas._12040.modal_perfil'                    ,['pu218' => $c218])
	@include('vendas._12200.modal.addPedidosItens'           ,['pu218' => $c218])
	@include('vendas._12200.modal.addPedidosItens2'          ,['pu218' => $c218])
	@include('vendas._12200.modal.addPedidosItens3'          ,['pu218' => $c218])
	@include('vendas._12200.modal.consulta_modelo'           ,['pu218' => $c218])
	@include('vendas._12200.modal.consulta_modelo3'          ,['pu218' => $c218])
	@include('vendas._12200.modal.consulta_cor'              ,['pu218' => $c218])
	@include('vendas._12200.modal.consulta_cor2'             ,['pu218' => $c218])
	@include('vendas._12200.modal.consulta_cor3'             ,['pu218' => $c218])
	@include('vendas._12200.modal.consulta_linha'            ,['pu218' => $c218])
	@include('vendas._12210.modal.Catalogo'                  ,['pu218' => $c218])
	@include('vendas._12200.modal.modal_tabela_preco'        ,['pu218' => $c218])
	@include('vendas._12200.modal.modal-composicao-embarque' ,['pu218' => $c218])
	@include('vendas._12200.modal.modal-cod-rastreamento'    ,['pu218' => $c218])
	@include('vendas._12200.modal.modal_tipo'                ,['pu218' => $c218])
	@include('vendas._12200.modal.modal_settipo'             ,['pu218' => $c218])
	@include('vendas._12200.modal.modal_grade'               ,['pu218' => $c218])

    <div style="display:none" id="iframewrapper"></div>
    
</div>
@endsection

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