@extends('adminlte::page')

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

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

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

    </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">Dispositivos</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Dispositivos</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle bg-yellow" src="{{ asset('img/cadeira128.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">
                    <button type="button" class="btn btn-primary btn-flat" onclick="dispositivo_view.novoDispositivo();">
                        <i class="fa fa-asterisk"></i>
                        Novo Dispositivo
                    </button>
                    <button type="button" class="btn btn-primary btn-flat" onclick="dispositivo_view.salvarDispositivo();">
                        <i class="fa fa-save"></i>
                        Salvar dispositivo
                    </button>
{{--                    <button type="button" class="btn btn-primary" onclick="dispositivo_view.listarDispositivo();">--}}
{{--                        <i class="fa fa-table"></i>--}}
{{--                        Listar Dispositivos--}}
{{--                    </button>--}}
                </div>
            </fieldset>
        </div>
        <div class="box-body no-border form-horizontal">
            <fieldset style="padding: 0 10px 20px 10px; margin-top: 0;">
                <legend class="txt-cinza"><b>DADOS DO DISPOSITIVO</b></legend>
                <div class="col-xs-2">
                    <label for="DISPOSITIVO_ID">Id</label>
                    <input type="text" id="DISPOSITIVO_ID" name="DISPOSITIVO_ID" class="form-control" readonly="readonly" value="{{ $dispositivoId }}">
                </div>
                <div class="col-xs-10">
                    <label for="DISPOSITIVO_DESCRICAO">Descrição do Dispositivo</label>
                    <input type="text" id="DISPOSITIVO_DESCRICAO" name="DISPOSITIVO_DESCRICAO" class="form-control"
                           autocomplete="off" maxlength="250">
                </div>

                <div class="col-xs-12">
                    <label for="GRUPO_DISPOSITIVO_ID">Grupo</label>
                    <div class="input-group">
                        <select id="GRUPO_DISPOSITIVO_ID" name="GRUPO_DISPOSITIVO_ID" class="form-control">
                            <option value=""></option>
                            @foreach( $grupos as $g )
                                <option
                                    value="{{ $g->GRUPO_DISPOSITIVO_ID }}">{{ $g->GRUPO_DISPOSITIVO_DESCRICAO }}</option>
                            @endforeach
                        </select>
                        <span class="input-group-btn">
                            <button title="Cadastrar Grupo" type="button" class="btn btn-primary btn-flat" onclick="mdNovoGrupoDispositivo.chamarModal();">
                                <i class="fa fa-plus"></i>
                            </button>
                        </span>
                    </div>
                </div>

                <div class="col-xs-12">
                    <label for="SUBGRUPO_DISPOSITIVO_ID">Subgrupo</label>
                    <div class="input-group">
                        <select id="SUBGRUPO_DISPOSITIVO_ID" name="SUBGRUPO_DISPOSITIVO_ID" class="form-control">
                            <option value=""></option>
                        </select>
                        <span class="input-group-btn">
                            <button title="Cadastrar Subgrupo" type="button" class="btn btn-primary btn-flat" onclick="mdNovoSubGrupoDispositivo.chamarModal();">
                                <i class="fa fa-plus"></i>
                            </button>
                        </span>
                    </div>
                </div>

                <div class="col-xs-6">
                    <label for="DISPOSITIVO_SUS_CODIGO">Código SUS</label>
                    <input type="text" id="DISPOSITIVO_SUS_CODIGO" name="DISPOSITIVO_SUS_CODIGO" class="form-control"
                           autocomplete="off" maxlength="10">
                </div>
                <div class="col-xs-6">
                    <label for="DISPOSITIVO_SUS_SEQUENCIAL">Sequencial SUS</label>
                    <input type="text" id="DISPOSITIVO_SUS_SEQUENCIAL" name="DISPOSITIVO_SUS_SEQUENCIAL"
                           class="form-control" autocomplete="off" maxlength="2">
                </div>

                <div class="col-xs-12" style="margin-top: 10px; text-align: right;">
                </div>
            </fieldset>

            <fieldset  style="padding: 0 10px 10px 10px; margin-top: -1px;">
                <div class="col-xs-12" style="margin-top: 10px; text-align: right;">
                    <button type="button" class="btn btn-primary btn-flat"
                            onclick="mdAdicionarConfiguracao.chamarMdAdicionarConfiguracao();">
                        <i class="fa fa-plus"></i>
                        Adicionar característica
                    </button>
                </div>
            </fieldset>

            <fieldset style="padding: 0 10px 10px 10px; margin-top: 10px;">
                <legend class="txt-cinza"><b>CONFIGURAÇÃO</b></legend>
                <div class="col-xs-12">
                {{--<button type="button" class="btn btn-primary" onclick="mdAdicionarConfiguracao.listar();">--}}
                {{--    <i class="fa fa-refresh"></i>--}}
                {{--    Listar--}}
                {{--</button>--}}
                </div>
                <div id="divTabelaConfiguracoes" class="table-responsive col-xs-12">

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

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

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

    @include("configuracao.mdAdicionarConfiguracao")
    @include("componentes.mdNovoGrupoDispositivo")
    @include("componentes.mdNovoSubGrupoDispositivo")
@stop