@extends("adminlte::page")

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

    </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">Tabela Genérica</h3>
            <h5 class="widget-user-desc">Cadastro e edição de tabelas genéricas</h5>
        </div>
    </div>
    <div class="box no-border">
        <div class="box-body">
            <div class="col-xs-12">
                <fieldset  style="padding: 0 10px 10px 10px; margin-top: 10px;">
                    <legend class="txt-cinza"><b>Tabela</b></legend>
                    <div class="col-xs-12">
                        <div class="input-group">
                            <select name="TABELA_ID" id="TABELA_ID" class="form-control">
                                <option value=""></option>
                                @foreach($tabelas as $tabela)
                                    <option value="{{ $tabela->TABELA_ID }}">{{ $tabela->TABELA_ID }} - {{ $tabela->DESCRICAO }}</option>
                                @endforeach
                            </select>
                            <span class="input-group-btn">
                            <button type="button" title="Nova Tabela" class="btn btn-primary" onclick="mdAdicionarTabelaTabelaGenerica.chamarMdAdicionarTabelaTabelaGenerica();">
                                <i class="fa fa-plus"></i>
                            </button>
                        </span>
                        </div>
                    </div>
                </fieldset>

                <fieldset  style="padding: 0 10px 10px 10px; margin-top: 10px;">
                    <legend class="txt-cinza"><b>Coluna</b></legend>
                    <div class="col-xs-3">
                        <label for="COLUNA_ID">COLUNA_ID</label>
                        <input type="number" id="COLUNA_ID" name="COLUNA_ID" class="form-control">
                    </div>
                    <div class="col-xs-8">
                        <label for="DESCRICAO">DESCRICAO</label>
                        <input type="text" id="DESCRICAO" name="DESCRICAO" class="form-control" autocomplete="off">
                    </div>
                    <div class="col-xs-1">
                        <label for=""></label>
                        <div class="checkbox checkbox-primary">
                            <input id="ATIVO"  name="ATIVO" type="checkbox" class="styled" checked="">
                            <label for="ATIVO">
                                <b>ATIVO</b>
                            </label>
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="box-footer" style="text-align: right;">
            <div class="col-xs-12">
                <button id="btnAdicionarColuna" type="button" class="btn btn-primary" onclick="cad_tabela_generica.inserirColunaTabelaGenerica();">
                    <i class="fa fa-plus"></i>
                    Adicionar coluna
                </button>
                <button id="btnSalvarEdicaoColuna" type="button" class="btn btn-primary" style="display: none;" onclick="cad_tabela_generica.salvarEdicaoColuna();">
                    <i class="fa fa-save"></i>
                    Salvar
                </button>
                <button id="btnCancelarEdicaoColuna" type="button" class="btn btn-primary" style="display: none;" onclick="cad_tabela_generica.cancelarEdicaoColuna();">
                    <i class="fa fa-times"></i>
                    Cancelar
                </button>
            </div>
        </div>
        <div id="divTbColunas" class="table-responsive">

        </div>
    </div>
    <script src="{{asset('js/tabela_generica/cad_tabela_generica.js')}}?v={{Config::get('versao')}}" defer></script>

    @include('tabela_generica.mdAdicionarTabelaTabelaGenerica')
@stop