@extends('helper.include.view.modal', ['id' => 'modal-adquirente-993', '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.CDAdquirentes.fecharModaAdquirente()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	
@overwrite

@section('modal-body')
	<div style="height: calc(100vh - 230px);">

		<ul class="list-inline">
			<li>
				<button 
					type="button" 
					class="btn btn-primary btn-incluir" 
					data-hotkey="f6"
					ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
					ng-click="vm.Conciliacao.incluirMerchantPagarMeId('Pagar.me ID', vm.CDAdquirentes.SELECTED)">
					<span class="glyphicon glyphicon-plus"></span> Incluir
				</button>
			</li>
		</ul>
				
		<div class="table-ec table-scroll tabelamerchant" style="height: calc(100vh - 500px); 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="STATUS_MERCHANT" style="width: 30px;">
						<span title="Ações disponíveis" class="toggle glyphicon glyphicon-cog" data-toggle="dropdown" style="font-size: 14pt;" aria-expanded="false"> 				</span>
						</th>
						<th field="DESCRICAO">Código Pagar.me</th>
						<th field="DESC_ESTABELECIMENTO">Estabelecimento</th>
						<th field="DESC_CAIXA_BANCO">Banco</th>
						<th field="" style="width: 50px;">Opções</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="item in vm.Conciliacao.Estab.DADOS_RENDER = ( vm.CDAdquirentes.MERCHANTS | orderBy : vm.Conciliacao.Estab.ORDER_BY)"
						ng-click="vm.Conciliacao.Estab.visualizar()"
						ng-focus="vm.Conciliacao.Estab.SELECTED = item"
						ng-class="{ 'selected' : vm.Conciliacao.Estab.SELECTED == item }"
						tabindex="0">
						
						<td style="width: 30px;">
							<span style="margin-left: 2px;" ng-if="item.STATUS_MERCHANT <= 1" class="t-status2 status-1"></span>
							<span style="margin-left: 2px;" ng-if="item.STATUS_MERCHANT == 2" class="t-status2 status-2"></span>
							<span style="margin-left: 2px;" ng-if="item.STATUS_MERCHANT == 3" class="t-status2 status-3"></span>
						</td>

						<td><span>@{{ item.MERCHANT_ID }}</span></td>
						<td><span>@{{ item.DESC_ESTABELECIMENTO }}</span></td>
						<td><span>@{{ item.DESC_CAIXA_BANCO }}</span></td>

						<td style="width: 50px;">

							<button ttitle="Consultar Status" style="width: 34px; margin-left: 8px;" type="button" class="btn btn-sm"  ng-if="item.STATUS_MERCHANT < 2" ng-class="{'btn-danger' : item.STATUS_MERCHANT == 0, 'btn-warning' : item.STATUS_MERCHANT == 1, 'btn-success' : item.STATUS_MERCHANT == 2}" ng-click="vm.Conciliacao.consultarMerchant(vm.CDAdquirentes.SELECTED, item); $event.stoppropagation();">
								<span ttitle="Consultar Status" class="glyphicon glyphicon-refresh"></span>
							</button>                         

							<button ttitle="Alterar Banco/Estabelecimento" ng-if="item.STATUS_MERCHANT == 2" style="width: 34px; margin-left: 8px;" type="button" class="btn btn-sm btn-primary" ng-click="vm.Conciliacao.Estab.SELECTED = item; vm.Conciliacao.alterarMerchant2('Pagar.me',vm.CDAdquirentes.SELECTED, item); $event.stoppropagation();">
								<span ttitle="Alterar Banco/Estabelecimento" class="glyphicon glyphicon-edit"></span>
							</button> 
							
							<button ttitle="Excluir" style="width: 34px; margin-left: 8px;" type="button" class="btn btn-sm btn-danger" ng-if="item.STATUS_MERCHANT > 0"  ng-click="vm.Conciliacao.excluirMerchant(vm.CDAdquirentes.SELECTED, item); $event.stoppropagation();">
								<span  ttitle="Excluir" class="glyphicon glyphicon-trash"></span>
							</button> 

						</td>
					</tr>
				</tbody>
			</table>
		</div>

		<div class="form-group ng-scope" style="margin-bottom: 0px;">
			<div class="legenda_padrao" ng-show="vm.TabelaPrincipal.total_registros == true &amp;&amp; vm.TabelaPrincipal.total_registros != undefined" style="display: -webkit-inline-box; padding: 7px; margin-top: 5px; background-color: rgb(255, 255, 255); color: black; border-radius: 5px; border: groove; font-weight: bold;">
				<span style="display: inline-flex;">Status:</span>
				<span style="display: inline-flex; font-weight: normal;"><span style="margin-top: 2px; margin-right: 2px;" class="t-status2 status-1"></span> Aguardando Aprovação</span>
				<span style="display: inline-flex; font-weight: normal;"><span style="margin-top: 2px; margin-right: 2px;" class="t-status2 status-2"></span> Aprovado</span>
			</div>
		</div>
		
	</div>
</form>

@overwrite