@extends('adminlte::page')

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

@section('content_header')
    {{--    <h1 id="h1NovoProcesso">Usuários</h1>--}}
@stop

@section('content')
    {{ csrf_field() }}

    <div id="msgCadastrarPendencia">
    </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/block1.png') }}" alt="User Avatar">
            </div>
            <h3 class="widget-user-username">Pendências</h3>
            <h5 class="widget-user-desc">Cadastro e edição de pendências</h5>
        </div>
    </div>
    <div class="box no-border">
{{--        <div class="box-header with-border bg-gray-light">--}}
{{--            <a id="btnSalvarNovaPendencia" class="btn btn-app bg-light-blue-active pull-right" onclick="cadastrar_pendencia.salvarNovaPendencia();">--}}
{{--                <i class="fa fa-plus"></i> Salvar--}}
{{--            </a>--}}
{{--        </div>--}}
        <div class="box-body">
            <fieldset  style="padding: 0 10px 20px 10px;">
                <input type="hidden" id="PENDENCIA_ID" name="PENDENCIA_ID" class="form-control" placeholder="PENDENCIA_ID">
                <legend class="txt-cinza"><b>Pendência</b></legend>
                <div class="col-xs-12">
                    <label for="PENDENCIA_DESCRICAO">Descrição</label>
                    <input type="text" id="PENDENCIA_DESCRICAO" name="PENDENCIA_DESCRICAO" class="form-control">
                </div>
            </fieldset>
            <fieldset  style="padding: 0 10px 20px 10px; margin-top: 10px;">
                <legend class="txt-cinza"><b>Impedimentos</b></legend>
                <div class="col-xs-12">
                    <label for="FASE_IDS">Fases</label>
                    <select id="FASE_IDS" name="FASE_IDS[]" class="form-control" multiple="multiple" style="width: 100%;">
                        @foreach($situacoes as $situacao)
                        <option value="{{ $situacao->COLUNA_ID }}">{{ $situacao->DESCRICAO }}</option>
                        @endforeach
                    </select>
                </div>
            </fieldset>

            <div class="checkbox checkbox-primary">
                <input id="PENDENCIA_ATIVA" type="checkbox" class="styled" checked="">
                <label for="PENDENCIA_ATIVA">
                    Pendência ativa
                </label>
            </div>
        </div>
        <div class="box-footer" style="text-align: right;">
            <button title="Adicionar pendência" id="btnAdicionarPendencia" class="btn btn-primary" onclick="cadastrar_pendencia.salvarNovaPendencia();">
                <i class="fa fa-plus"></i>
                Adicionar
            </button>
            <button id="btnSalvarEdicaoPendencia" class="btn btn-primary" onclick="cadastrar_pendencia.salvarEdicaoPendencia();" style="display: none;">
                <i class="fa fa-save"></i>
                Salvar
            </button>
            <button id="btnCancelarEdicaoPendencia" class="btn btn-primary" onclick="cadastrar_pendencia.cancelarEdicaoPendencia();" style="display: none;">
                <i class="fa fa-times"></i>
                Cancelar
            </button>
        </div>
        <div id="tbPendencias" class="table-responsive">

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