@extends('template.template')

@section('scriptsHeader')

<link rel="stylesheet" href="{!! asset("libs/css/select2.css")!!}" media="screen">
<link rel="stylesheet" href="{!! asset("libs/css/styleEmails.css")!!}">
<link href="{!! asset("libs/font-awesome/css/font-awesome.css")!!}" rel="stylesheet">
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
.float-e-margins .btn {
  margin-bottom: 5px;
}

a.compose-mail {
  padding: 8px 10px;
}


</style>


@stop


@section('conteudoPagina')

    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        <div class="row">
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content mailbox-content">
                        <div class="file-manager">
                            <a class="btn btn-block btn-primary compose-mail" href="#">Escrever Novo Email</a>
                            <div class="space-25"></div>
                            <h5>Pastas</h5>
                            <ul class="folder-list m-b-md" style="padding: 0">
                                <li><a href="#"> <i class="fa fa-inbox "></i> Caixa Entrada <span class="label label-warning pull-right">2</span> </a></li>
                                <li><a href="#"> <i class="fa fa-envelope-o"></i> Caixa Saída</a></li>
                                <li><a href="#"> <i class="fa fa-certificate"></i> Importantes</a></li>
                                <li><a href="#"> <i class="fa fa-file-text-o"></i> Rascunhos <span class="label label-danger pull-right">2</span></a></li>
                                <li><a href="#"> <i class="fa fa-trash-o"></i> Lixo</a></li>
                            </ul>
                            <h5>Categorias</h5>
                            <ul class="category-list" style="padding: 0">
                                <li><a href="#"> <i class="fa fa-circle text-navy"></i> Administração </a></li>
                                <li><a href="#"> <i class="fa fa-circle text-danger"></i> Advogados</a></li>
                                <li><a href="#"> <i class="fa fa-circle text-primary"></i> Secretaria</a></li>
                            </ul>

                            <h5 class="tag-title">Etiquetas</h5>
                            <ul class="tag-list" style="padding: 0">
                                <li><a href="#"><i class="fa fa-tag"></i> Troca de Documentos</a></li>
                                <li><a href="#"><i class="fa fa-tag"></i> Avisos</a></li>
                                <li><a href="#"><i class="fa fa-tag"></i> Outros</a></li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 animated fadeInRight">
            <div class="mail-box-header">

                <form method="post" action="index.html" class="pull-right mail-search">
                    <div class="input-group">
                        <input type="text" class="form-control input-sm" name="search" placeholder="Procurar email">
                        <div class="input-group-btn">
                            <button type="submit" class="btn btn-sm btn-primary">
                                Pesquisar
                            </button>
                        </div>
                    </div>
                </form>
                <h2>
                    Caixa de Entrada (2)
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <div class="btn-group pull-right">
                        <button class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i></button>
                        <button class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i></button>

                    </div>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="Refresh inbox"><i class="fa fa-refresh"></i> Actualizar</button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as read"><i class="glyphicon glyphicon-eye-open"></i> </button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as important"><i class="glyphicon glyphicon-exclamation-sign"></i> </button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="glyphicon glyphicon-trash"></i> </button>

                </div>
            </div>
                <div class="mail-box">

                <table class="table table-hover table-mail">
                <tbody>

                                    <tr class="unread">
                    <td class="check-mail">
                        <input type="checkbox" class="i-checks">
                    </td>
                    <td class="mail-ontact"><a href="#">Dr. José Ferreira</a> <span class="label label-danger pull-right">Advogados</span> </td>
                    <td class="mail-subject"><a href="#">Bom dia, Venho por este meio comunicar que se encontra...</a></td>
                    <td class=""><i class="fa fa-paperclip"></i></td>
                    <td class="text-right mail-date">1h atrás</td>
                </tr>
                <tr class="unread">
                    <td class="check-mail">
                        <input type="checkbox" class="i-checks" checked>
                    </td>
                    <td class="mail-ontact"><a href="#">Hugo Rodrigues</a></td>
                    <td class="mail-subject"><a href="#">Foi anexado o documento referente ao processo que se ...</a></td>
                    <td class=""></td>
                    <td class="text-right mail-date">3 dias atrás</td>
                </tr>
                <tr class="read">
                    <td class="check-mail">
                        <input type="checkbox" class="i-checks">
                    </td>
                    <td class="mail-ontact"><a href="#">Administração</a> <span class="label label-info pull-right">Administração</span> </td>
                    <td class="mail-subject"><a href="#">Foi-lhe atribuida uma nova tarefa XYZ ao processo...</a></td>
                    <td class=""></td>
                    <td class="text-right mail-date">Jan 16</td>
                </tr>
                
                </tbody>
                </table>


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

@stop

@section('scriptsFooter')


<script src="{!! asset("libs/js/jquery-2.1.1.min.js") !!}"></script>
<script src="{!! asset("libs/js/tether.js") !!}"></script>
<script src="{!! asset("libs/js/bootstrap.min.js") !!}"></script>

 @stop