@extends('adminlte::page')

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

@section('content_header')
{{--    <h1>--}}
{{--        <span id="h1NovoProcesso">Novo Processo</span>--}}
{{--    </h1>--}}
@stop

@section('content')
    {{ csrf_field() }}
    <div id="msgCadastrarProcesso">

    </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/registro_ocorrencia.png') }}" alt="User Avatar">
            </div>
            <h3 id="h1NovoProcesso" class="widget-user-username">Processo</h3>
            <h5 class="widget-user-desc">Cadastro e edição de processo</h5>
        </div>
    </div>
    <div class="box no-border">
        <div class="box-header with-border bg-gray-light">
            <span id="spnTipoOperacao" class="label label-success pull-left">Inserção</span>
            <a id="btnSalvarProcesso" class="btn btn-app bg-light-blue-active pull-right" onclick="return tabDadosGeraisProcesso.cadastrarDadosGeraisProcesso();" style="margin-bottom: 0;">
                <i class="fa fa-save"></i> Salvar
            </a>
            <a class="btn btn-app bg-light-blue-active pull-right" onclick="cadastrar_processo.novoProcesso();" style="margin-bottom: 0;">
                <i class="fa fa-plus"></i> Novo
            </a>
        </div>
        <div class="nav-tabs-custom" role="tablist">
            <ul class="nav nav-tabs">
                <li id="liTabDadosGeraisProcesso" class="active"><a href="#tabDadosGeraisProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-align-justify"></i> Dados Gerais</a></li>
                <li id="liTabResponsavelProcesso" class="" style="display: none;"><a href="#tabResponsavelProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-user"></i> Responsáveis</a></li>
                <li id="liTabPagamentosProcesso" class="" style="display: none;"><a href="#tabPagamentosProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-money"></i> Pagamentos</a></li>
                <li id="liTabPendenciaProcesso" class="" style="display: none;"><a href="#tabPendenciaProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-thumb-tack"></i> Pendências</a></li>
                <li id="liTabTramitacaoProcesso" class="" style="display: none;"><a href="#tabTramitacaoProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-paper-plane"></i> Tramitações</a></li>
                <li id="liTabFaseProcesso" class="" style="display: none;"><a href="#tabFaseProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-sitemap"></i> Fases</a></li>
                <li id="liTabAnexosProcesso" class="" style="display: none;"><a href="#tabAnexosProcesso" data-toggle="tab" aria-expanded="true"><i class="fa fa-paperclip"></i> Anexos</a></li>
            </ul>

            <div class="tab-content">
                @include('processo.tabDadosGeraisProcesso')
                @include('processo.tabResponsavelProcesso')
                @include('processo.tabPagamentosProcesso')
                @include('processo.tabPendenciaProcesso')
                @include('processo.tabTramitacaoProcesso')
                @include('processo.tabFaseProcesso')
                @include('processo.tabAnexosProcesso')
            </div>
            <div class="box-footer" style="text-align: right;">

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