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

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

@section('modal-header-left')

	<h4 class="modal-title">
		Defeitos Registrados
	</h4>

@overwrite

@section('modal-header-right')
    <button type="button" class="btn btn-default btn-fechar-modal btn-voltar" data-dismiss="modal" data-hotkey="esc">
      <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>
@overwrite

@section('modal-body')
<div>
    <style>
        #modal-defeito .modal-body {    
            height: calc(100vh - 120px);
        }
    </style>

    <div class="table-ec" style="height: initial;min-height: 200px;height: calc(100vh - 150px);">
        <table class="table table-striped table-bordered table-hover table-condensed">
            <thead>
                <tr ng-init="vm.Requisicao.DEFEITO_ORDER_BY = '-DATAHORA';" gc-order-by="vm.Requisicao.DEFEITO_ORDER_BY">
                    <th field="ID">Id</th>
                    <th field="DEFEITO_DESCRICAO">Defeito</th>
                    <th field="SETOR">Setor</th>
                    <th field="QUANTIDADE*1" class="text-right">Qtd.</th>
                    <th field="OPERADOR_NOME">Operador</th>
                    <th field="DATAHORA" class="text-center">Dt/Hr</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="defeito in vm.Requisicao.DEFEITO_DADOS | orderBy: vm.Requisicao.DEFEITO_ORDER_BY">
                    <td>@{{ defeito.ID }}</td>
                    <td title="@{{ defeito.DEFEITO_ID }}">@{{ defeito.DEFEITO_DESCRICAO }}</td>
                    <td>@{{ defeito.SETOR }}</td>
                    <td class="text-right">@{{ defeito.QUANTIDADE | number : 0 }}</td>
                    <td title="@{{ defeito.OPERADOR_ID }}">@{{ defeito.OPERADOR_NOME }}</td>
                    <td class="text-center">@{{ vm.moment(defeito.DATAHORA).format('DD/MM/YY HH:mm') }}</td>
                </tr>
            </tbody>
        </table>
    </div>    
</div>

@overwrite

@section('modal-end')
    </form>
@overwrite