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

@section('modal-header-left')

<h4 class="modal-title">
	<span>Talões com erros nos vínculos</span>
</h4>

@overwrite

@section('modal-header-right')
	
    <button type="button" ng-click="vm.RomaneioItens.fecharModalResultado()" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>	

@overwrite

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

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

    <fieldset style="margin-top: 10px;">
		
        <div class="table-ec table-scroll" style="height: calc(100vh - 280px); min-height: 300px;">
            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                <thead>
                    <tr>        
                        <th style="width: 30px;"></th>
                        <th>Talão</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody >
                    <tr ng-repeat="item in vm.RomaneioItens.RESULTADO"
                        ng-focus="vm.SELECTED3 = item"
                        ng-class="{ 'selected' : vm.SELECTED3 == item }"
                        tabindex="0"
                        style="@{{item.STATUS_ERRO == 1 ? 'background-color: #ffdfd7;' : 'background-color: #d7ffd9;'}}">
                        <td style="width: 30px;">
                            <span ng-if="item.STATUS_ERRO == 0" class="t-status status-1"></span>
                            <span ng-if="item.STATUS_ERRO == 1" class="t-status status-0"></span>
                        </td>
                        <td>
                            <span>
                                @{{ item.TALAO }}
                            </span>
                        </td>
                        <td ng-bind-html="trustAsHtml(item.MSG_EERO)"></td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div ng-if="vm.RomaneioItens.RESULTADO.length > 0" style="display: inline-block;">
            <div class="tag-tab" style="padding: 3px;"><span><strong>Qtd. de Registros:</strong> @{{(vm.RomaneioItens.RESULTADO.length > 0 ? vm.RomaneioItens.RESULTADO.length : 0)}}</span></div>
            <div class="tag-tab" style="background-color: #d7ffd9; padding: 2px;"><span>Vinculado com sucesso</span></div>
            <div class="tag-tab" style="background-color: #ffdfd7; padding: 2px;"><span>Erro ao vincular</span></div>
        </div>

	</fieldset>
	
</div>

@overwrite