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

@section('modal-header-left')

	<h4 class="modal-title">
		Modelos de Origem
	</h4>

@overwrite

@section('modal-header-right')

    <button type="button" class="btn btn-default btn-voltar" data-dismiss="modal" data-hotkey="esc" tabindex="-1">
        <span class="glyphicon glyphicon-chevron-left"></span> 
        Voltar
    </button>

@overwrite

@section('modal-body')
	
<table class="table table-bordered">
    <thead>
        <tr>
            <th>Talão</th>
            <th>Modelo</th>
            <th class="text-center">Tam.</th>
            <th class="text-right">Qtd.</th>
            <th>Obs.</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat-start="gp in vm.TalaoComposicao.VINCULO_MODELOS track by $index" style="background: rgb(251, 238, 220)">
            <td colspan="3">GP: @{{ gp.GP_ID | lpad: [3,0] }} - @{{ gp.GP_DESCRICAO }}</td>
            <td class="text-right">@{{ gp.QUANTIDADE | number : 0 }}</td>
            <td></td>
        </tr>
        <tr ng-repeat="modelo in gp.TALOES track by $index">
            <td>@{{ modelo.REMESSA_TALAO_ID }}</td>
            <td>@{{ modelo.MODELO_ID }} - @{{ modelo.MODELO_DESCRICAO }}</td>
            <td class="text-center">@{{ modelo.TAMANHO_DESCRICAO }}</td>
            <td class="text-right">@{{ modelo.QUANTIDADE | number : 0 }}</td>
            <td>@{{ modelo.JUSTIFICATIVA }}</td>
        </tr>
        <tr ng-repeat-end ng-if="false"></tr>
    </tbody>
</table>

@overwrite