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

@section('modal-header-left')

<h4 class="modal-title">
	Arquivos
</h4>

@overwrite

@section('modal-header-right')

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

@overwrite

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

    <div style="display: inline-block; width: 100%;">
        <div ng-repeat-start="item in vm.Conciliacao.DADOS_ARQUIVO"  style="display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;">
            <div ng-click="item.ABERTO = !item.ABERTO;" style="cursor: pointer;     background-color: #337ab7; color: white; padding: 3px; border-radius: 5px 5px 0px 0px; margin-top: 4px;">
                @{{ item.DESCRICAO_TIPO_REGISTRO }}
            </div>

            <div ng-if="item.ABERTO" style="padding: 5px; border: 1px solid #337ab7; overflow: auto; zoom: 0.8;">
                <table class="table table-striped tab_enter table-bordered table-condensed table-no-break table-middle table-low">
                    <thead>
                        <tr style="background-color: #cacaca; color: black;">
                            <th ng-repeat="campo in item.CAMPOS">@{{ campo }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td ng-repeat="campo in item.CAMPOS">@{{ item[campo] }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>
        <br ng-repeat-end="">
    </div>

</div>

@overwrite