@extends('master')

@section('titulo')
    {{ Lang::get('admin/_11390.titulo') }}
@endsection

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

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

	<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.Simulador.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
            -->
        </li>                                         
	</ul>
    
    <ul class="nav nav-tabs">
        <li  class="active" ng-click="vm.Simulador.TIPO = 'PEDIDO'">
            <a data-toggle="tab" href="#tab-pedido">Pedido</a>
        </li>
        <li ng-click="vm.Simulador.TIPO = 'SIMULADOR'">
            <a data-toggle="tab" href="#tab-simulador">Simulador</a>
        </li>
    </ul>  

    <div class="tab-content" style="margin-bottom: 10px;">
        <div id="tab-pedido" class="tab-pane fade in active">
        <form ng-submit="vm.Simulador.consultarPedido(1)">
                <div
                    id="relatorio-filtro"
                    class="panel-filter collapse in"
                >

                    <div style="display: -webkit-inline-box;" class="consulta-servico2"></div>

                    <div class="form-group">
                        <label>Pedido:</label>
                        <input 
                            type="number"
                            class="form-control input-medio" 
                            required
                            ng-model="vm.Simulador.Pedido"
                            form-validate="true">
                    </div>

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

                    <button type="button" ng-click="vm.Simulador.consultarPedido(2)" class="btn btn-xs btn-primary" data-hotkey="alt+i">
                        <span class="glyphicon glyphicon-th"></span>Comparar Serviços
                    </button>        

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

        <div id="tab-simulador" class="tab-pane fade">
            <form ng-submit="vm.Simulador.calcular(1)">
                <div
                    id="relatorio-filtro"
                    class="panel-filter collapse in"
                >

                <!--
                    <div class="form-group">
                        <label>nCdEmpresa:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.nCdEmpresa"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>sDsSenha:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.sDsSenha"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>nCdServico:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.nCdServico"
                            form-validate="true">
                    </div>
                    -->

                    <div style="display: -webkit-inline-box;" class="consulta-servico"></div>

                    <div class="form-group">
                        <label>CEP de Origem:</label>
                        <input 
                            type="text"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.sCepOrigem"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>CEP de Destino:</label>
                        <input 
                            type="text"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.sCepDestino"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>Peso:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            step="0.0001"
                            ng-model="vm.Simulador.Paran.nVlPeso"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label ttitle="1 para caixa / pacote e 2 para rolo/prisma">Formato:</label>
                        <select style="width: 200px;" name="multipleSelect" id="multipleSelect" ng-model="vm.Simulador.Paran.nCdFormato">
                            <option ng-value="1">1 - Formato caixa / pacote</option>
                            <option ng-value="2">2 - Formato rolo / prisma</option>
                            <option ng-value="3">3 - Envelope</option>
                        </select>
                    </div>

                    <!--
                    <div class="form-group">
                        <label>nCdFormato:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.nCdFormato"
                            form-validate="true">
                    </div>
                    -->

                    <div class="form-group">
                        <label>Comprimento:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            step="0.0001"
                            min="16"
                            ng-model="vm.Simulador.Paran.nVlComprimento"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>Altura:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            step="0.0001"
                            min="5"
                            ng-model="vm.Simulador.Paran.nVlAltura"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>Largura:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            step="0.0001"
                            min="15"
                            ng-model="vm.Simulador.Paran.nVlLargura"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label>Diametro:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            step="0.0001"
                            min="0"
                            ng-model="vm.Simulador.Paran.nVlDiametro"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label ttitle="Nesse parâmetro você informa se quer a encomenda deverá ser entregue somente para uma determinada pessoa após confirmação por RG">Mão Propria:</label>
                        <select style="width: 200px;" required name="multipleSelect" id="multipleSelect" ng-model="vm.Simulador.Paran.sCdMaoPropria">
                            <option value="S">Sim</option>
                            <option value="N">Não</option>
                        </select>
                    </div>

                    <!--
                    <div class="form-group">
                        <label>sCdMaoPropria:</label>
                        <input 
                            type="text"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.sCdMaoPropria"
                            form-validate="true">
                    </div>
                    -->

                    <div class="form-group">
                        <label ttitle="O valor declarado serve para o caso de sua encomenda extraviar, então você poderá recuperar o valor dela. Vale lembrar que o valor da encomenda interfere no valor do frete">Valor Declarado:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            step="0.0001"
                            ng-model="vm.Simulador.Paran.nVlValorDeclarado"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                        <label ttitle="No parâmetro aviso de recebimento, você informa se quer ser avisado sobre a entrega da encomenda">Aviso de Recebimento:</label>
                        <select style="width: 200px;" required name="multipleSelect" id="multipleSelect" ng-model="vm.Simulador.Paran.sCdAvisoRecebimento">
                            <option value="S">Sim</option>
                            <option value="N">Não</option>
                        </select>
                    </div>

                    <!--
                    <div class="form-group">
                        <label>sCdAvisoRecebimento:</label>
                        <input 
                            type="text"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.sCdAvisoRecebimento"
                            form-validate="true">
                    </div>
                    

                    <div class="form-group">
                        <label>sDtCalculo:</label>
                        <input 
                            type="number"
                            class="form-control input-menor" 
                            required
                            ng-model="vm.Simulador.Paran.sDtCalculo"
                            form-validate="true">
                    </div>

                    <div class="form-group">
                    <label ttitle="Data em que o sera feito o envio">Data de embarque:</label>
                    <input 
                        type="date" 
                        class="form-control"
                        ng-model="vm.Simulador.Paran.sDtCalculo"
                        required
                    />
                    </div>
                    -->
                

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

                    <button type="button" ng-click="vm.Simulador.calcular(2)" class="btn btn-xs btn-primary" data-hotkey="alt+i">
                        <span class="glyphicon glyphicon-th"></span>Comparar Serviços
                    </button>        

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

    <div style="display: flow-root;
                background-color: #92f39e;
                padding: 7px;
                border: 1px solid #cac2c2;
                border-radius: 5px;">

    <div class="" style="margin-bottom: 10px; display: inline-flex;" ng-if="vm.Simulador.TIPO == 'PEDIDO'">

        <div style="margin-left: 3px;" class="form-group">
            <label>Cliente:</label>
            <input type="text"
                class="form-control input-maior" 
                ng-model="vm.Simulador.EMPRESA"
                ng-readonly="true">
        </div>

        <div style="margin-left: 3px;" class="form-group">
            <label>Endereço:</label>
            <input type="text"
                class="form-control input-medio" 
                ng-model="vm.Simulador.ENDERECO"
                ng-readonly="true">
        </div>

        <div style="margin-left: 3px;" class="form-group">
            <label>Número:</label>
            <input type="text"
                class="form-control input-menor" 
                ng-model="vm.Simulador.NUMERO"
                ng-readonly="true">
        </div>

        <div style="margin-left: 3px;" class="form-group">
            <label>Complemento:</label>
            <input type="text"
                class="form-control input-medio" 
                ng-model="vm.Simulador.COMPLEMENTO"
                ng-readonly="true">
        </div>

        <div style="margin-left: 3px;" class="form-group">
            <label>Bairro:</label>
            <input type="text"
                class="form-control input-medio" 
                ng-model="vm.Simulador.BAIRRO"
                ng-readonly="true">
        </div>

        <div style="margin-left: 3px;" class="form-group">
            <label>Cidade:</label>
            <input type="text"
                class="form-control input-medio" 
                ng-model="vm.Simulador.CIDADE"
                ng-readonly="true">
        </div>

        <div style="margin-left: 3px;" class="form-group">
            <label>UF:</label>
            <input type="text"
                class="form-control input-menor" 
                ng-model="vm.Simulador.UF"
                ng-readonly="true">
        </div>

    </div>

    <div class="table-ec" style="margin-bottom: 10px;" ng-if="vm.Simulador.TIPO == 'PEDIDO'">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.Cliente.ORDER_BY">                   
                    <th field="PRODUTO">Produto</th>
                    <th field="DESC_TAMANHO">Tamanho</th>
					<th field="QUANTIDADE">Quantidade</th>
					<th field="VALOR_TOTAL">Valor</th>
					<th field="VOLUMES">Volumes</th>
					<th field="ALTURA">Altura</th>  
                    <th field="COMPRIMENTO">Comprimento</th>
					<th field="LARGURA">Largura</th>
					<th field="CUBAGEM">Cubagem</th>
					<th field="PESO_LIQUIDO">Peso Liquido</th>
					<th field="PESO_EMBALAGEM">Peso Embalagem</th>
					<th field="PESO_BRUTO">Peso Bruto</th>              
                </tr>
            </thead>
            <tbody style="text-transform: inherit;">
            <tr 
                    ng-repeat="item in vm.Simulador.DADOS_RENDER = ( vm.Simulador.DADOSPEDIDO | orderBy : vm.Simulador.ORDER_BY | find: {model : vm.Simulador.FILTRO_DADOS ,fields : 'all'})"
                    tabindex="0"
                    >
                    <td><span> @{{ item.PRODUTO }}</span></td>
                    <td style="text-align: center;"><span> @{{ item.DESC_TAMANHO }}</span></td>
                    <td style="text-align: right;"><span> @{{ item.QUANTIDADE      | number: 2 }}</span></td>
                    <td style="text-align: right;"><span> R$ @{{ item.VALOR_TOTAL  | number: 2 }}</span></td>
                    <td style="text-align: right;"><span> @{{ item.VOLUMES         | number: 0 }}</span></td>
                    <td style="text-align: right;"><span> @{{ item.ALTURA          | number: 0 }} cm</span></td>
                    <td style="text-align: right;"><span> @{{ item.COMPRIMENTO     | number: 0 }} cm</span></td>
                    <td style="text-align: right;"><span> @{{ item.LARGURA         | number: 2 }} cm</span></td>
                    <td style="text-align: right;"><span> @{{ item.CUBAGEM         | number: 2 }} cm³</span></td>
                    <td style="text-align: right;"><span> @{{ item.PESO_LIQUIDO    | number: 2 }} kg</span></td>
                    <td style="text-align: right;"><span> @{{ item.PESO_EMBALAGEM  | number: 2 }} kg</span></td>
                    <td style="text-align: right;"><span> @{{ item.PESO_BRUTO      | number: 2 }} kg</span></td>
                </tr>

                <tr tabindex="0" style="background-color: #83bcec;">
                    <td><span>Total</span></td>
                    <td style="text-align: center;"><span></span></td>
                    <td style="text-align: right;"><span> @{{  vm.Simulador.PedidoItem.QUANTIDADE_TOTAL      | number: 2 }}</span></td>
                    <td style="text-align: right;"><span> R$ @{{  vm.Simulador.PedidoItem.VALOR_TOTAL_GERAL  | number: 2 }}</span></td>
                    <td style="text-align: right;"><span> @{{  vm.Simulador.PedidoItem.VOLUMES_TOTAL         | number: 0 }}</span></td>
                    <td style="text-align: right;"><span></span></td>
                    <td style="text-align: right;"><span></span></td>
                    <td style="text-align: right;"><span></span></td>
                    <td style="text-align: right;"><span> @{{  vm.Simulador.PedidoItem.VOLUME_TOTAL          | number: 2 }} cm³</span></td>
                    <td style="text-align: right;"><span> @{{  vm.Simulador.PedidoItem.PESO_LIQUIDO_TOTAL    | number: 2 }} kg</span></td>
                    <td style="text-align: right;"><span> @{{  vm.Simulador.PedidoItem.PESO_EMBALAGEM_TOTAL  | number: 2 }} kg</span></td>
                    <td style="text-align: right;"><span> @{{  vm.Simulador.PedidoItem.PESO_BRUTO_TOTAL      | number: 2 }} kg</span></td>
                </tr>
            </tbody>
        </table>
    </div>
    
    <div class="card" ng-repeat="item in vm.Simulador.DADOS.Servicos.cServico | orderBy : 'Valor2'" 
                style="
                    width: 350px;
                    float: left;
                    border: 1px solid #b1b1b1;
                    padding: 2px 0 0 2px;
                    border-radius: 5px;
                    margin-right: 5px;
                    margin-bottom: 5px;
                    background-color: white;
                ">
                <div class="cabecalho">
                    <div class="consulta-item-@{{ item.Codigo }}" style="text-align: center; font-weight: bold;">@{{item.Codigo}}</div>
                </div>
                <div class="corpo">
                    <table class="table table-striped table-condensed" style="font-weight: bold;">
                        <tr>
                            <td>Valor:</td>
                            <td class="text-right">R$ @{{ item.Valor }}</td>
                        </tr>
                        <tr>
                            <td>Prazo de Entrega:</td>
                            <td class="text-right">@{{ item.PrazoEntrega }} Dias</td>
                        </tr>
                        <tr>
                            <td>Entrega Domiciliar:</td>
                            <td class="text-right">@{{ item.EntregaDomiciliar == 'S' ? 'Sim' : 'Não' }}</td>
                        </tr>
                        <tr>
                            <td>Entrega Sabado:</td>
                            <td class="text-right">@{{ item.EntregaSabado == 'S' ? 'Sim' : 'Não' }}</td>
                        </tr>
                    </table>
                    
                    <div class="accordion-ec" style="
                        border: 1px solid rgb(177, 177, 177);
                        border-radius: 5px;
                        margin-right: 2px;
                        margin-bottom: 2px;
                    ">
                        <div class="btn btn-default accordion-ec-head" ng-click="item.DETALHAMENTO_OPENED = item.DETALHAMENTO_OPENED == true ? false : true " style="
                            margin: 2px;
                            width: calc(100% - 4px);
                            padding: 0 0 0 5px;
                            text-align: left;
                        " ng-class="{'errocorreios': item.Erro != 0}">
                            <i class="fa fa-@{{ item.DETALHAMENTO_OPENED ? 'minus' : 'plus' }}-square"></i> Exibir Detalhamento
                        </div>
                        <div class="accordion-ec-body" ng-if="item.DETALHAMENTO_OPENED" style="
                            padding: 5px;
                        ">
                            <fieldset ng-if="item.Erro == 0">
                                <legend>Composição dos Valores</legend>

                                <div class="table-ec">
                                    <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                                        <thead>
                                            <tr>
                                                <th>Descrição</th>
                                                <th class="text-right" ttitle="Valor gerado a partir da simulação">Valor</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Valor Sem Adicionais</td>
                                                <td class="text-right">@{{ item.ValorSemAdicionais}}</td>
                                            </tr>
                                            <tr>
                                                <td>Valor Declarado</td>
                                                <td class="text-right">@{{ item.ValorValorDeclarado}}</td>
                                            </tr>
                                            <tr>
                                                <td>Aviso de Recebimento</td>
                                                <td class="text-right">@{{ item.ValorAvisoRecebimento}}</td>
                                            </tr>
                                            <tr>
                                                <td>Mão Própria</td>
                                                <td class="text-right">@{{ item.ValorMaoPropria}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>               
                            </fieldset> 

                            <fieldset ng-if="item.Erro != 0">
                                <legend>Erro:</legend>
                                @{{item.MsgErro}}              
                            </fieldset>                    
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
</div>
@endsection

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