@extends('layouts.system')
@section('content')
    <div class="row">
        <div class="offset-xl-10 col-xl-2 col-lg-2 col-md-6 col-sm-6 col-6">
            <!-- <form>
                <div class="form-group">
                    <input class="form-control"  type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
                </div>
            </form> -->
        </div>
    </div>
    
    <div class="row">
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
            <div id="logs" class="card">

                <h5 class="card-header ml-1">Consulta de Preço e Estoque {{$integr[0]['active']}} X {{$integr[0]['passive']}}</h5>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-6">
                            <div class="form-group">
                                <input class="form-control" id="skuproduct" type="number" name="sku"/>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <button  class="btn btn-primary" id="btn-send" onclick="getProduct('{{$integr[0]['active']}}', '{{$integr[0]['passive']}}','{{$integr[0]['int_enter_id']}}')">Consultar</button><span id="loading" style="display: none">Pesquisando...</span>
                        </div>
                    </div>

                    


                    <div class="card-footer bg-white">
                        
                         
                                <div class="row">
                                    <div class="col-xl-6">{{$integr[0]['active']}}</div><div class="col-xl-6">{{$integr[0]['passive']}}</div>
                                </div>
                               
                        
                    </div>
                    <div class="card-footer bg-white">
                        
                           
                                
                                <div class="row" style="font-size: 14px">
                                    <div class="col-xl-3">Sku: </div><div class="col-xl-4" id="sku-active"></div><div class="col-xl-3">Sku: </div><div class="col-xl-2" id="sku-passive"></div>
                                    <div class="col-xl-3">Preço: </div><div class="col-xl-4" id="price-active"></div><div class="col-xl-3">Preço: </div><div class="col-xl-2" id="price-passive"></div>
                                    <div class="col-xl-3">Estoque: </div><div class="col-xl-4" id="stock-active"></div><div class="col-xl-3">Estoque: </div><div class="col-xl-2" id="stock-passive"></div>
                                </div>
                            
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
            <div id="logs" class="card">

                <h5 class="card-header ml-1">Consulta Dados do Produto {{$integr[0]['active']}} X {{$integr[0]['passive']}}</h5>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-6">
                            <div class="form-group">
                                <input class="form-control" id="skuproduct-2" type="number" name="sku"/>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <button  class="btn btn-primary" id="btn-send-2">Consultar</button><span id="loading-2" style="display: none">Pesquisando...</span>
                        </div>
                    </div>

                    


                    <div class="card-footer text-center bg-white">
                        
                            <div id="results-2"></div>
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
            <div id="logs" class="card">

                <h5 class="card-header ml-1">Consultar Pedidos {{$integr[0]['active']}} X {{$integr[0]['passive']}}</h5>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-6">
                            <div class="form-group">
                                <input class="form-control" id="increment" type="text" name="increment"/>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <button  class="btn btn-primary" onclick="getOrder('{{$integr[0]['active']}}', '{{$integr[0]['passive']}}','{{$integr[0]['int_enter_id']}}')" id="btn-send-3">Consultar</button><span id="loading-3" style="display: none">Pesquisando...</span>
                        </div>
                    </div>

                    


                    <div class="card-footer text-center bg-white">
                            <span>Resultado {{$integr[0]['active']}}</span>
                            <div id="results-3-eris"></div>
                        
                    </div>
                    <div class="card-footer text-center bg-white">
                            <span>Resultado Banco Integração</span>

                            <div id="results-3-db"></div>
                        
                    </div>
                    <div class="card-footer text-center bg-white">
                            <span>Resultado {{$integr[0]['passive']}}</span>

                            <div id="results-3-magento"></div>
                        
                    </div>
                </div>
            </div>
        </div>




    </div>
    
   



@endsection

@section('javascript')
     

        @if ($integr[0]['active'] == 'Eris')
        <script src="{{ asset('js/eris/product.js?16') }}"></script>
        <script src="{{ asset('js/eris/order.js?19') }}"></script>
        @endif
       
        
    
   
    


@endsection