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

@section('modal-header-left')

<h4 class="modal-title">
	<span>Famílias de Consumo</span>
</h4>

@overwrite

@section('modal-header-right')

    <button type="button" ng-disabled="!(vm.TabelaFamilias.ITENS_MARCADOS.length > 0)" class="btn btn-success" ng-click="vm.Remessa2.relatorioDeCorte3()" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Remessa2.fecharCorte3()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')

<div style="height: calc(100vh - 150px); margin-top: -15px; margin-left: -5px; margin-right: -5px;">

<div class="form-group" style="display: inline-grid;">
    <label style="margin-left: 15px; z-index: 1; background-color: rgb(255, 255, 255); width: fit-content; padding-right: 5px; padding-left: 5px;">Consumo</label>
    <div class="form-group" style="display: flex; width: fit-content; padding-left: 15px; padding-top: 15px; border-radius: 9px; border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -15px; min-width: 438px;">
        <div style="display: flex;">

            <div class="form-group" style="display: grid; margin-bottom: 0px;">
                <div class="form-group chk">
                    <input id="ctrl_t0213_2" type="checkbox" ng-true-value="0" ng-false-value="1" ng-model="vm.Remessa2.QUANTIDADE_CONSUMO">								
                    <label for="ctrl_t0213_2" style="padding-top: 4px; font-weight: bold; padding-left: 5px;" class="ng-binding"> <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> Cor</label>
                </div>
            </div>

            <div class="form-group" style="display: grid; margin-bottom: 0px;">
                <div class="form-group chk">
                    <input id="ctrl_t0213_1" type="checkbox" ng-true-value="1" ng-false-value="0" ng-model="vm.Remessa2.QUANTIDADE_CONSUMO">								
                    <label for="ctrl_t0213_1" style="padding-top: 4px; font-weight: bold; padding-left: 5px;" class="ng-binding"> <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> Cor e Quantidade</label>
                </div>
            </div>
        </div>
    </div>
</div>

<fieldset style="margin-top: -15px !important;">
    <legend>Selecione as famílias para programação do corte</legend>	

    <div class="tabela_familias" id="tabela_familias"></div>

</fieldset>

</div>
@overwrite