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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.Conciliacao.gravar()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	Solicitação de Acesso ao Extrato	
</h4>

@overwrite

@section('modal-header-right')
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Conciliacao.fecharModEstab()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	
    <div class="table-ec table-scroll" style="height: calc(100vh - 400px); min-height: 200px;">
    
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.Conciliacao.ORDER_BY">
                    <th field="DESCRICAO">Estabelecimento</th>
                    <th field="CODIGO_COMPANIA_REDE" ttitle="ID do estabelecimento na REDE (11005 - Cadastro de Parametros do Sistema: TBESTABELECIMENTO.NUMERO_REDE)">ID Rede</th>
                    <th field="CODIGO_COMPANIA_CIELO" ttitle="ID do estabelecimento CONCILIADOR (11005 - Cadastro de Parametros do Sistema: TBESTABELECIMENTO.NUMERO_CIELO)">ID Cielo</th>
                    <th field="" style="width: 50px;">Rede</th>
                    <th field="" style="width: 50px;">Cielo</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="item in vm.Conciliacao.Estab.DADOS_RENDER = ( vm.Conciliacao.ESTABELECIMENTOS | orderBy : vm.Conciliacao.Estab.ORDER_BY | find: {model : vm.Conciliacao.Estab.FILTRO_DADOS ,fields : 'all'})"
                    ng-click="vm.Conciliacao.Estab.visualizar()"
                    ng-focus="vm.Conciliacao.Estab.SELECTED = item"
                    ng-class="{ 'selected' : vm.Conciliacao.Estab.SELECTED == item }"
                    tabindex="0">
                    <td><span>@{{ item.DESCRICAO }}</span></td>
                    <td><span>@{{ item.CODIGO_COMPANIA_REDE }}</span></td>
                    <td><span>@{{ item.CODIGO_COMPANIA_CIELO }}</span></td>
                    <td style="width: 50px;">

                        <button type="button" class="btn"  ng-if="item.STATUS_REDE < 2" ng-class="{'btn-danger' : item.STATUS_REDE == 0, 'btn-warning' : item.STATUS_REDE == 1, 'btn-success' : item.STATUS_REDE == 2}" ng-click="vm.Conciliacao.solicitarAcessoRede(item); $event.stoppropagation();">
                            <span class="glyphicon glyphicon-user"></span> Solicitar
                        </button> 
                        
                        <button style="width: 94px;" type="button" class="btn btn-danger" ng-if="item.STATUS_REDE > 0"  ng-click="vm.Conciliacao.removerAcessoRede(item); $event.stoppropagation();">
                            <span class="glyphicon glyphicon-lock"></span> Excluir
                        </button> 

                    </td>
                    <td style="width: 50px;">
                        <button type="button" class="btn"   ng-if="item.STATUS_CIELO < 2" ng-class="{'btn-danger' : item.STATUS_CIELO == 0, 'btn-warning' : item.STATUS_CIELO == 1, 'btn-success' : item.STATUS_CIELO == 2}" ng-click="vm.Conciliacao.solicitarAcessoCielo(item); $event.stoppropagation();">
                            <span class="glyphicon glyphicon-user"></span> Solicitar
                        </button>  
                        
                        <button type="button" class="btn btn-danger" ng-if="item.STATUS_CIELO >= 2"  ng-click="vm.Conciliacao.removerAcessoCielo(item); $event.stoppropagation();">
                            <span class="glyphicon glyphicon-lock"></span> Excluir
                        </button> 
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
	
</div>
</form>

@overwrite