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

@section('modal-start')

@overwrite

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

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

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
    <div class="row">
        <fieldset ng-repeat="item in vm.BaixaEstoque.ORDEM_ALFABETICA" ng-show="item.status == 1" style="margin-bottom: 10px !important;">
            <legend style="width: 95% !important; margin: 15px !important;">@{{item.letra}}</legend>
            <div class="col-sm-3" ng-repeat="cont in vm.BaixaEstoque.getFamiliaByOrdem(item)" style="display: contents;">
                <div class="bs-callout bs-callout-info" id="callout-inputgroup-text-input-only" ttitle="@{{cont.FAMILIA_DESCRICAO}}">
                    <h4>@{{cont.FAMILIA_ID}} - @{{cont.FAMILIA_DESCRICAO}} </h4>
                </div>
            </div>
        </fieldset>

    </div>
	
</div>

@overwrite