@extends('siafc.layouts.siafc')
@section('content')

  <script>
    $(function() {

      $( "#botao_gerar_modulo" ).click(function() {
        var formulario = $( "#formulario" ).val();
        var menu = $( "#menu" ).val();
        var verif = 0;
        $("input[name='campos_princ[]']").each(function(index, element){
          if( $(this).is(':checked') == true ){
            verif = 1;
          }
        });
        var verif_filt = 0;
        $("input[name='campos_filt[]']").each(function(index, element){
          if( $(this).is(':checked') == true ){
            verif_filt = 1;
          }
        });

        if(!formulario){
          alert('Escolha uma tabela!');
          $( "#formulario" ).focus();
          return false;
        }

        if(!menu){
          alert('Escolha um menu!');
          $( "#menu" ).focus();
          return false;
        }

        if( verif == 0 ){
          alert('Escolha um Campo de Listagem!');
          return false;
        }

        if( verif_filt == 0 ){
          alert('Escolha um Campo Filtro!');
          return false;
        }

        // console.log();
        // alert( "testsetstese" );
      });

    });

    function buscaDescTable () {
        $.get("{{URL::to('siafc/gerador/desctable')}}", { formulario : $("#formulario").val() } , function( data ) {
          //console.log( data );
          $( "#campos_formularios1" ).html( data.var1 );
          $( "#campos_formularios2" ).html( data.var2 );
          $( "#campos_formularios3" ).html( data.var3 );
        },'json');
    }

  </script>

  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="row">
        <div class="col-md-6">
          <h4><strong>Gerador de Módulos</strong></h4>
        </div>
      </div>
    </div>
    
    <form class="form" action="{{ URL::to('siafc/gerador/gerar') }}" method="post">
    <div class="panel-body">

      <div class="row">

          <div class=" col-md-6 form-group">
            <input type="hidden" name="_token" value="{{csrf_token()}}" />
            <legend>Operações</legend>
          </div>
          <div class=" col-md-6 form-group sub-div">
          </div>
      
      </div>

      <div class="row">

        <div class="col-md-4">
          <div class="form-group">
            <label>Tabela:</label>
              <select id="formulario" name="formulario" onchange="buscaDescTable(this.value);" >
                <option value="">Selecione uma opção</option>
                @foreach($show_tables as $show_table)
                  <option value="{{$show_table->schemaname}} - {{$show_table->tablename}}">{{$show_table->schemaname}} - {{$show_table->tablename}}</option>
                @endforeach
              </select>
          </div>
        </div>

        <div class="col-md-8">
          <div class="form-group">
            <label>Nome do formulário:</label>
            <input type="text" id="nome_formulario" name="nome_formulario" size="40">
          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-4">
          <div class="form-group">
            <label>Menu:</label>
              <select id="menu" name="menu">
                <option value="">Selecione uma opção</option>
                @foreach($menus as $menu)
                  <option value="{{$menu->menu_id}} - {{$menu->modulo_id}}">{{$menu->nome_modulo}} - {{$menu->nome}}</option>
                @endforeach
              </select>
          </div>
        </div>

        <div class="col-md-8">
          <div class="form-group">
            <label>Sub Menu:</label>
              <select id="submenu" name="submenu">
                <option value="">Selecione uma opção</option>
                @foreach($formularios as $formulario)
                  <option>{{$formulario->nome_modulo}} - {{$formulario->nome}}</option>
                @endforeach
              </select>
          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-8">
          <div class="form-group">
            <label>Funções do módulo:</label>
              @foreach($controles as $controle)
                <div><input type="checkbox" checked="" name="controle[]" value="{{$controle->id}}" > {{$controle->nome}} </div>
              @endforeach
          </div>
        </div>

      </div>

      <div class="row">
        <div class=" col-md-6 form-group">
          <legend>Campos</legend>
        </div>
        <div class=" col-md-6 form-group sub-div"></div>
      </div>

      <div class="row">

        <div class="col-md-8">
          <div class="form-group">
            <label>
            Campos Formulário
            </label>

            <div id="campos_formularios1"></div>

          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-8">
          <div class="form-group">
            <label>
            Campos de Listagem
            </label>

            <div id="campos_formularios2"></div>

          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-8">
          <div class="form-group">
            <label>
            Campos Filtro
            </label>

            <div id="campos_formularios3"></div>

          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-md-8">
          <div class="form-group">
            <input type="submit" id="botao_gerar_modulo" name="botao_gerar_modulo" value="Gerar Módulo" >
          </div>
        </div>

      </div>

    </div>
    </form>

  </div>

@stop