@extends('adminlte::page')

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

@section('content_header')
{{--    <h1>--}}
{{--        Pactuações--}}
{{--    </h1>--}}
@stop

@section('content')
    <div id="msgPactuacaoView"></div>
    <div id="msgPactuacaoDetalheView"></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">Pactuações</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Pactuações</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle bg-light-blue-active" src="{{ asset('img/pactuacao128_2.png') }}" alt="User Avatar">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box no-border box-primary" style="padding-top: 30px;">

        <div class="box-body no-border form-horizontal">

            <div style="text-align: right">
                <button type="button" class="btn btn-primary btn-flat" style="text-align: right;" onclick="pactuacao_view.nova();">
                    <i class="fa fa-asterisk"></i>
                    Nova
                </button>
            </div>

            <fieldset style="padding: 0 10px; margin-top: 0;">
                <legend class="txt-cinza"><b>DADOS DA PACTUAÇÃO</b></legend>
                <div class="form-group">
                    <label for="PACTUACAO_ID" class="col-sm-3 control-label">Id</label>

                    <div class="col-sm-2">
                        <input type="text" id="PACTUACAO_ID" name="PACTUACAO_ID" class="form-control" disabled="disabled" value="{{ $pactuacaoId }}">
                    </div>

                </div>

                <div class="form-group">
                    <label for="MUNICIPIO_ID" class="col-sm-3 control-label">Município</label>
                    <div class="col-sm-9">
                        <select id="MUNICIPIO_ID" name="MUNICIPIO_ID" class="form-control">
                            <option value=""></option>
                            @foreach( $municipios as $m )
                            <option value="{{ $m->MUNICIPIO_ID }}">{{ $m->MUNICIPIO_NOME }} - {{ $m->MUNICIPIO_UF }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label for="PACTUACAO_ANO" class="col-sm-3 control-label">Ano</label>
                    <div class="col-sm-2">
                        <input type="text" id="PACTUACAO_ANO" name="PACTUACAO_ANO" class="form-control ano">
                    </div>

                    <label for="PACTUACAO_QTD" class="col-sm-1 control-label">Total Qtd</label>
                    <div class="col-sm-2">
                        <input type="number" id="PACTUACAO_QTD" name="PACTUACAO_QTD" class="form-control" value="{{ $totalQuantidade }}" disabled>
                    </div>

                    <label for="PACTUACAO_VALOR" class="col-sm-1 control-label">Total Valor</label>
                    <div class="col-sm-3">
                        <input type="text" id="PACTUACAO_VALOR" name="PACTUACAO_VALOR" class="form-control" value="R$ {{ number_format($totalValor, 2, ',', '.') }}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label for="PACTUACAO_ATIVO" class="col-sm-3 control-label">Ativo</label>
                    <div class="col-sm-9" >
                        <div class="checkbox checkbox-primary">
                            <input id="PACTUACAO_ATIVO" type="checkbox" class="styled" onclick="pactuacao_view.ativa();">
                            <label for="PACTUACAO_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="pactuacao_view.nova();">
                            <i class="fa fa-asterisk"></i>
                            Nova
                        </button>
                        --}}


                    {{--<button type="button" class="btn btn-primary" onclick="pactuacao_view.listar();">--}}
                    {{--Listar--}}
                    {{--</button>--}}
                    </div>
                </div>
            </fieldset>

            <fieldset style="padding: 0 10px; margin-top: 10px;">
                <legend class="txt-cinza"><b>PACTUAÇÃO DETALHE</b></legend>
                    <div class="col-xs-12">
                        <div class="form-group">

                            <input type="hidden" id="PACTUACAO_DETALHE_ID" name="PACTUACAO_DETALHE_ID" value="">

                            <div class="form-group">
                                <label for="SUBGRUPO_DISPOSITIVO_ID" class="col-sm-3 control-label">Subgrupo de Dispositivo</label>
                                <div class="col-sm-9">
                                    <select id="SUBGRUPO_DISPOSITIVO_ID" name="SUBGRUPO_DISPOSITIVO_ID" class="form-control">
                                        <option value=""></option>
                                        @foreach( $subgrupos as $s )
                                            <option value="{{ $s->SUBGRUPO_DISPOSITIVO_ID }}">{{ $s->SUBGRUPO_DISPOSITIVO_DESCRICAO }} ({{ $s->grupo_dispositivo->GRUPO_DISPOSITIVO_DESCRICAO }})</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <label for="PACTUACAO_DETALHE_QTD" class="col-sm-2 control-label" style="margin-left: 7.7%">Qtd</label>
                            <div class="col-sm-3">
                                <input type="text" id="PACTUACAO_DETALHE_QTD" name="PACTUACAO_DETALHE_QTD" class="form-control">
                            </div>

                            <label for="PACTUACAO_DETALHE_VALOR" class="col-sm-1 control-label">Valor</label>
                            <div class="col-sm-3">
                                <input type="text" id="PACTUACAO_DETALHE_VALOR" name="PACTUACAO_DETALHE_VALOR" class="form-control">
                            </div>



                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="box-footer no-padding">
                            <div id="divTabelaPactuacaoDetalhe" class="table-responsive">

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

            </fieldset>

        </div>

        {{--
        <div class="box-footer no-padding">
            <div id="divTabelaPactuacoes" class="table-responsive">

            </div>
        </div>
        --}}

        <div class="box-footer" style="text-align: right;">
            <button id="btn_adicionar_pactucao_detalhe" type="button" class="btn btn-primary btn-flat" onclick="pactuacao_detalhe.adicionar();">
                <i class="fa fa-save"></i>
                Salvar Pactuação Detalhe
            </button>
        </div>

        <div class="box-footer" style="text-align: right;">
            <button id="btn_adicionar_pactucao" type="button" class="btn btn-primary btn-flat" onclick="pactuacao_view.adicionar();">
                <i class="fa fa-save"></i>
                Salvar Pactuação
            </button>
        </div>

    </div>

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