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

@section('modal-header-left')
	<h4 class="modal-title">Cor - @{{ vm.CADDEMODELFICHATECNICA_CONJUNTO.SELECTED.DESCRICAO }}</h4>
@overwrite

@section('modal-header-right')

	<button type="button" ng-click="vm.CADDEMODELFICHATECNICA_CONJUNTO.gravarCorConjunto()" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-click="vm.CADDEMODELFICHATECNICA_CONJUNTO.fecharMapearCor()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	<div class="row">
        <div style="margin: 10px;">
            <div class="table-ec table-scroll" style="height: calc(100vh - 400px); min-height: 200px;">
                <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                    <thead>
                        <tr gc-order-by="vm.BaixaItens.ORDER_BY">
                            <th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status do Produto<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
                            <th field="ID">	Cor do Modelo</th>
                            <th field="DESCRICAO">Cor do Conjunto</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in vm.CADDEMODELFICHATECNICA_CONJUNTO.DADOS_CONJUNTO = ( vm.CADDEMODELFICHATECNICA_CONJUNTO.ITENS_CORES | orderBy : vm.CADDEMODELFICHATECNICA_CONJUNTO.ORDER_BY_CONJUNTO )"
                            ng-focus="vm.CADDEMODELFICHATECNICA_CONJUNTO.SELECTED_COR = item"
                            ng-class="{ 'selected' : vm.CADDEMODELFICHATECNICA_CONJUNTO.SELECTED_COR == item }"
                            tabindex="0">
                            <td class="t-status status-@{{ item.STATUS_PRODUTO }}"></td>
                            <td><span> @{{ item.DESCRICAO }} </span></td>
                            <td> 
                                <select
                                    style="width: 100%;"
                                    class="form-control"
                                    ng-model="item.COR_CONJUNTO.ID"
                                    valorcor="@{{item.COR_CONJUNTO.ID}}">
                                    <option ng-repeat="cor in vm.CADDEMODELFICHATECNICA_CONJUNTO.DADOS_COR_CONJUNTO = ( vm.CADDEMODELFICHATECNICA_CONJUNTO.LISTA_CORES | orderBy : vm.CADDEMODELFICHATECNICA_CONJUNTO.ORDER_BY_CONJUNTO ) track by $index" ng-value="cor.COR_ID" valuecor="@{{cor.COR_ID}}">@{{cor.DESCRICAO}}</option>
                                </select>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
	</div>
</div>

@overwrite