@extends('helper.include.view.modal', ['id' => 'modal_produto_troca'])

@section('modal-header-left')

<h4 class="modal-title">
	Trocar produtos de consumo
</h4>

@overwrite

@section('modal-header-right')

	<button type="button" class="btn btn-danger btn-cancelar" data-dismiss="modal" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span>
		Cancelar
	</button>

@overwrite

@section('modal-body')

<div class="div-row">

    <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
        <thead>
            <tr>              
                <th>Sequência</th>
                <th>Id</th>
                <th>Descrição</th>
                <th>Tamanho</th>
                <th style="min-width: 80px;">Saldo</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr 
                ng-repeat="item in vm.TalaoConsumo.LISTATROCA"
                tabindex="0"
                >
                </td>
                <td>
                    <span>
                        @{{ item.SEQUENCIA || 0 | lpad: [4,0] }}
                    </span>
                </td>
                <td>
                    <span>
                        @{{ item.PRODUTO_CONSUMO_ID || 0 | lpad: [4,0] }}
                    </span>
                </td>
                <td>
                    <span>
                        @{{ item.DESCRICAO }}
                    </span>
                </td>
                <td>
                    <span>
                        @{{ item.TAMANHO_DESCRICAO }}
                    </span>
                </td>
                <td>
                    <span>
                        @{{ item.SALDO | number : 4 }}
                        <span
                           class="glyphicon glyphicon-info-sign ng-scope"
                           ttitle="@{{ item.LOCALIZACAO }}">
                        </span>

                    </span>
                </td>
                <td>
                    <button
                        type="button"
                        class="btn btn-sm btn-primary"
                        ng-click="vm.TalaoConsumo.confirmeTroca(item)"
                        ng-disabled="item.MARCADO == 0"
                    >
                        <span class="glyphicon glyphicon-edit" style="margin-bottom: 4px;">Trocar</span>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>

</div>

@overwrite