@extends("adminlte::page")

@section("content")
    <div id="msgCadastrarSetor">

    </div>
    <div class="box box-widget widget-user-2" style="margin-bottom: 0;">
        <div class="widget-user-header bg-light-blue-active">
            <div class="widget-user-image">
                <img class="img-circle" src="{{ asset('img/259287-128.png') }}" alt="User Avatar">
            </div>
            <h3 class="widget-user-username">Setor</h3>
            <h5 class="widget-user-desc">Cadastro e edição de setores</h5>
        </div>
    </div>
    <div class="box no-border">
        <div class="box-body">
            <div class="col-xs-12">
                <label for="SETOR_NOME">Nome</label>
                <input type="text" id="SETOR_NOME" name="SETOR_NOME" class="form-control" autocomplete="off">
            </div>
            <div class="col-xs-12">
                <label for="SETOR_SIGLA">Sigla</label>
                <input type="text" id="SETOR_SIGLA" name="SETOR_SIGLA" class="form-control" autocomplete="off">
            </div>
            <div class="col-xs-12">
                <div class="checkbox checkbox-primary">
                    <input id="SETOR_ATIVO" type="checkbox" class="styled" checked="">
                    <label for="SETOR_ATIVO">
                        <b>Ativo</b>
                    </label>
                </div>
            </div>
        </div>
        <div class="box-footer" style="text-align: right;">
            <div class="col-xs-12">
                <button id="btnAdicionarSetor" type="button" class="btn btn-primary" onclick="cadastrar_setor.inserirSetor();">
                    <i class="fa fa-plus"></i>
                    Adicionar
                </button>
                <button id="btnSalvarEdicaoSetor" type="button" class="btn btn-primary" style="display: none;" onclick="cadastrar_setor.salvarEdicaoSetor();">
                    <i class="fa fa-save"></i>
                    Salvar
                </button>
                <button id="btnCancelarEdicaoSetor" type="button" class="btn btn-primary" style="display: none;" onclick="cadastrar_setor.cancelarEdicaoSetor();">
                    <i class="fa fa-times"></i>
                    Cancelar
                </button>
            </div>
        </div>
        <div id="divTbSetores" class="table-responsive">

        </div>
    </div>
    <script src="{{asset('js/setor/cadastrar_setor.js')}}?v={{Config::get('versao')}}" defer></script>
@stop