@extends('adminlte::page')

{{--@section('title', 'SISOP')--}}

@section('content_header')
{{--    <h1>--}}
{{--        Grupo de Dispositivos--}}
{{--    </h1>--}}
@stop

@section('content')
    <div id="msgGrupoDispositivoView">

    </div>
    <div class="box-header with-border" style="padding: 0; margin-bottom: 0;">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-widget widget-user bg-yellow" style="margin-bottom: 0;">
                    <div class="widget-user-header bg-light-blue-active">
                        <h3 class="widget-user-username">Grupos de Dispositivos</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Grupos de Dispositivos</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle bg-light-blue-active" src="{{ asset('img/grupo_dispositivo128.png') }}" alt="User Avatar">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box no-border box-primary" style="padding-top: 30px;">
{{--        <div class="box-header with-border">--}}
{{--            <fieldset  style="padding: 10px 10px 10px 10px; margin-top: 0;">--}}
{{--                <div class="box-tools pull-right">--}}

{{--                </div>--}}
{{--            </fieldset>--}}
{{--        </div>--}}
        <div class="box-body no-border form-horizontal">
            <div class="form-group">
                <label for="GRUPO_DISPOSITIVO_ID" class="col-sm-3 control-label">Id</label>
                <div class="col-sm-1">
                    <input type="text" id="GRUPO_DISPOSITIVO_ID" name="GRUPO_DISPOSITIVO_ID" class="form-control" disabled="disabled" value="{{ $grupoDispositivoId }}">
                </div>
            </div>

            <div class="form-group">
                <label for="GRUPO_DISPOSITIVO_DESCRICAO" class="col-sm-3 control-label">Nome do Grupo</label>
                <div class="col-sm-9">
                    <input type="text" id="GRUPO_DISPOSITIVO_DESCRICAO" name="GRUPO_DISPOSITIVO_DESCRICAO" class="form-control" autocomplete="off" maxlength="150">
                </div>
            </div>

            <div class="form-group">
                <label for="GRUPO_DISPOSITIVO_ATIVO" class="col-sm-3 control-label">Ativo</label>
                <div class="col-sm-9">
                    <div class="checkbox checkbox-primary">
                        <input id="GRUPO_DISPOSITIVO_ATIVO" type="checkbox" class="styled">
                        <label for="GRUPO_DISPOSITIVO_ATIVO"></label>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label for="" class="col-sm-3 control-label"></label>
                <div class="col-sm-9" style="text-align: right;">
                    <button type="button" class="btn btn-primary btn-flat" onclick="grupo_dispositivo_view.novo();">
                        <i class="fa fa-asterisk"></i>
                        Novo
                    </button>
                    <button type="button" class="btn btn-primary btn-flat" onclick="grupo_dispositivo_view.adicionar();">
                        <i class="fa fa-save"></i>
                        Salvar
                    </button>
{{--                    <button type="button" class="btn btn-primary" onclick="grupo_dispositivo_view.listar();">--}}
{{--                        <i class="fa fa-table"></i>--}}
{{--                        Listar--}}
{{--                    </button>--}}
                </div>
            </div>


            <div class="col-xs-12">
                <div class="input-group">
                    <span class="input-group-btn">
                    </span>
                </div>
            </div>

        </div>
        <div class="box-footer no-padding">
            <div id="divTabelaGruposDispositivo" class="table-responsive">

            </div>
        </div>
    </div>

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