@extends('helper.include.view.modal', ['id' => 'modal-produtos', 'class_size' => 'modal-big'])

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 1">Importar Produtos - JET</span>
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 2">Atualizar Estoque - JET</span>
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 3">Atualizar Preço - JET</span>
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 4">Importar Produtos - FBITS</span>
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 5">Atualizar Estoque - FBITS</span>
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 6">Atualizar Preço - FBITS</span>	
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 13">Enviar Produtos - MAGENTO</span>	
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 14">Atualizar Estoque - MAGENTO</span>	
	<span ng-if="vm.Integracao.TIPO_LISTA_PRODUTOS == 15">Atualizar Preço - MAGENTO</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-disabled="!(vm.TabelaProdutos.ITENS_MARCADOS.length > 0)" type="button" ng-click="vm.Integracao.importarProdutos();" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-arrow-up"></span> Enviar
    </button>

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Integracao.fecharProdutos()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-header-end')
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 170px);">
	
    <div id="filtro_main2" class="table-filter"
        style="margin-bottom: 4px;
                background: rgba(221,221,221,.33);
                padding: 2px 10px 7px;
                border-radius: 5px;">

        <div class="form-group">
            <label>Tipo:</label>
            <div class="input-group">
                <select 
                    style="width: 140px;"
                    name="repeatSelect7" 
                    id="repeatSelect7"
                    ng-model="vm.Integracao.COMBINACAO">
                    <option ng-value="1">Combinações</option>
                    <option ng-value="0">Modelos</option>
                </select>
            </div>
        </div>

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

        <div class="form-group" style="width: calc(100% - 700px); padding-top: 16px; min-width: 200px;">
            <input type="text" style="width: 100% !important; min-width: 170px;"
                placeholder="Filtragem por ID e Descrição do Modelo/Combinação..."
                class="form-control input-maior"
                ng-model="vm.Integracao.FILTRO_PRODUTO"
                ng-keyup="vm.Integracao.keyUp($event);">
        </div>

        <div class="form-group" id="container-enviar-img-prod" ng-if="vm.Integracao.IMPORTANDO_PRODUTOS">
			<input type="checkbox" id="chk-enviar-img-prod" class="form-control"
				ng-true-value="1"	
                ng-false-value="0"
				check-standard2
				ng-model="vm.Integracao.FILTRO_ENVIAR_IMAGENS_PRODUTO">
			<label for="chk-enviar-img-prod" style="margin-left: 5px; font-weight: bold">
				Enviar Imagens
			</label>	
		</div>
        
        <div class="form-group" ng-class="{'enviar-produtos-btn': vm.Integracao.IMPORTANDO_PRODUTOS}">
            <button type="button" ng-click="vm.Integracao.getListaProdutos()" class="btn btn-xs btn-primary btn-filtrar"
                data-hotkey="alt+f" id="btn-table-filter5">
                <span class="glyphicon glyphicon-filter"></span> Filtrar
            </button>
        </div>	
        
    </div>

    <br>
    <div class="tabela_produtos" id="tabela_produtos"></div>

    <div class="" style="margin-top: 10px;
        background-color: #ffffb5;
        border: 1px solid #c7c713;
        padding: 5px;
        font-size: 18px;
        color: red;
        border-radius: 6px;">
        <div>Para listar os produtos, é necessário que estes possuam código EAN, preço, descrição comercial do modelo e descrição comercial da cor</div>
    </div>

</div>

@overwrite