@extends('layouts.app')
@section('content')
<div id="wrapper"><br>
  <div class="container-fluid">
    <center>
      <img src="/logos/logo.png" alt="Logo notinet" width="25%"/><br>

    </center>
  </div><br>

  <div class="container">
    <center>
      <h3>SEGUIMIENTO A PROCESOS JURÍDICOS</h3>
    </center>
  </div><br>


  <!-- Navigation -->
  <nav class="navbar navbar-secondary navbar-static-top" role="navigation" style="margin-bottom: 0">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar fa-2x"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>

      </button>


    </div>
    <!-- /.navbar-header -->

    <ul class="nav navbar-top-links navbar-right">
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="fa fa-envelope fa-2x"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-messages">
          <li>
            <a href="#">
              <div>
                <strong>John Smith</strong>
                <span class="pull-right text-muted">
                  <em>Yesterday</em>
                </span>
              </div>
              <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
            </a>
          </li>
          <li></li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <strong>John Smith</strong>
                <span class="pull-right text-muted">
                  <em>Yesterday</em>
                </span>
              </div>
              <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <strong>John Smith</strong>
                <span class="pull-right text-muted">
                  <em>Yesterday</em>
                </span>
              </div>
              <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="text-center" href="#">
              <strong>Read All Messages</strong>
              <i class="fa fa-angle-right fa-2x"></i>
            </a>
          </li>
        </ul>
        <!-- /.dropdown-messages -->
      </li>
      <!-- /.dropdown -->
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="fa fa-tasks fa-2x"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-tasks">
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 1</strong>
                  <span class="pull-right text-muted">40% Complete</span>
                </p>

                <div>
                  @include('widgets.progress', array('animated'=> true, 'class'=>'success', 'value'=>'40'))
                  <span class="sr-only">40% Complete (success)</span>
                </div>

              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 2</strong>
                  <span class="pull-right text-muted">20% Complete</span>
                </p>

                <div>
                  @include('widgets.progress', array('animated'=> true, 'class'=>'info', 'value'=>'20'))
                  <span class="sr-only">20% Complete</span>
                </div>

              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 3</strong>
                  <span class="pull-right text-muted">60% Complete</span>
                </p>

                <div>
                  @include('widgets.progress', array('animated'=> true, 'class'=>'warning', 'value'=>'60'))
                  <span class="sr-only">60% Complete (warning)</span>
                </div>

              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 4</strong>
                  <span class="pull-right text-muted">80% Complete</span>
                </p>

                <div>
                  @include('widgets.progress', array('animated'=> true,'class'=>'danger', 'value'=>'80'))
                  <span class="sr-only">80% Complete (danger)</span>
                </div>

              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="text-center" href="#">
              <strong>See All Tasks</strong>
              <i class="fa fa-angle-right"></i>
            </a>
          </li>
        </ul>
        <!-- /.dropdown-tasks -->
      </li>
      <!-- /.dropdown -->
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="fa fa-bell fa-2x"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-alerts">
          <li>
            <a href="#">
              <div>
                <i class="fa fa-comment fa-fw"></i> New Comment
                <span class="pull-right text-muted small">4 minutes ago</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                <span class="pull-right text-muted small">12 minutes ago</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-envelope fa-fw"></i> Message Sent
                <span class="pull-right text-muted small">4 minutes ago</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-tasks fa-fw"></i> New Task
                <span class="pull-right text-muted small">4 minutes ago</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-upload fa-fw"></i> Server Rebooted
                <span class="pull-right text-muted small">4 minutes ago</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="text-center" href="#">
              <strong>See All Alerts</strong>
              <i class="fa fa-angle-right"></i>
            </a>
          </li>
        </ul>
        <!-- /.dropdown-alerts -->
      </li>
      <!-- /.dropdown -->
      <li class="dropdown" style="color:#337ab7; font-size: 25px;">
        {{--$validacion->nombre--}}
      </li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="fa fa-user fa-2x" aria-hidden="true"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
          <li><a href="perfil"><i class="fa fa-user fa-fw"></i>Perfil del usuario</a>
          </li>
          <li><a href="#"><i class="fa fa-gear fa-fw"></i> Configuración</a>
          </li>
          <li class="divider"></li>
          <li><a href="{{ url ('/') }}"><i class="fa fa-sign-out" aria-hidden="true"></i></i> Cerrar sesión</a>
          </li>
        </ul>
        <!-- /.dropdown-user -->
      </li>
      <!-- /.dropdown -->
    </ul>
    <!-- /.navbar-top-links -->

    <div class="navbar-default sidebar" role="navigation">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
          <li class="sidebar-search">
            <div class="input-group custom-search-form">
              <input type="text" class="form-control" placeholder="Buscar...">
              <span class="input-group-btn">
                <button class="btn btn-default" type="button">
                  <i class="fa fa-search"></i>
                </button>
              </span>
            </div>
            <!-- /input-group -->
          </li>
          <li {{ (Request::is('/') ? 'class="active"' : '') }}>
            <a href="{{ url ('create') }}"><i class="fa fa-plus-square" aria-hidden="true"></i>  Registrar Proceso</a>
          </li>
          <li {{ (Request::is('/') ? 'class="active"' : '') }}>
            <a href="{{ url ('general') }}"><i class="fa fa-search-plus" aria-hidden="true"></i>  Consulta de Procesos</a>
          </li>

          <li >
            <a href="#"><i class="fa fa-book" aria-hidden="true"></i>  Biblioteca de Procesos<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">

              <li {{ (Request::is('*panels') ? 'class="active"' : '') }}>
                <a href="{{ url ('sinrevisar') }}">Sin Revisar <span class="label label-success pull-right">{{procesosSinRevisar()}}</span></a>
              </li>
              <li {{ (Request::is('*buttons') ? 'class="active"' : '') }}>
                <a href="{{ url ('activos' ) }}">Activos <span class="label label-success pull-right">{{procesosActivos()}}</span></a></a>
              </li>
              <li {{ (Request::is('*notifications') ? 'class="active"' : '') }}>
                <a href="{{ url('terminados') }}">Terminados <span class="label label-success pull-right">{{procesosTerminados()}}</span></a></a>
              </li>
            </ul>
            <!-- /.nav-second-level -->
          </li>

          <li>
            <a href="#"><i class="fa fa-files-o fa-fw"></i>  Informes<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
              <li {{ (Request::is('*blank') ? 'class="active"' : '') }}>
                <a href="{{ url ('informeActuaciones') }}"> <i class="fa fa-file-text-o" aria-hidden="true"></i>  Informe Actuaciones</a>
              </li>
              <li>
                <a href="{{ url ('login') }}"> <i class="fa fa-line-chart" aria-hidden="true"></i>  Graficos</a>
              </li>
            </ul>
            <!-- /.nav-second-level -->
          </li>
          <li {{ (Request::is('*documentation') ? 'class="active"' : '') }}>
            <a href="{{ url ('documentation') }}"><i class="fa fa-file-word-o fa-fw"></i> Documentation</a>
          </li>
        </ul>
      </div>
      <!-- /.sidebar-collapse -->
    </div>
    <!-- /.navbar-static-side -->
  </nav>

  <div id="page-wrapper">

    <div class="panel panel-default">
      <div class="panel-body text-center"></div>
      @yield('body-content')
    </div>
    <!-- /#page-wrapper -->
  </div>
</div>
@stop