@extends('layouts.dashboard')
@section('pg-body')
<section class="wf100 subheader">
    <div class="container">
        <h2>Símbolos Oficias</h2>
        <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li>Símbolos Oficias</li>
        </ul>
    </div>
</section>
<!--Sub Header End--> 
<!--Main Content Start-->
<div class="main-content p60">
    <!--Events Start-->
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <div class="city-updates">
                    <h3>Símbolos Oficias</h3>
                    @php($campos_filtro[] = 'descricao')
                    @include ('filtro_padrao',['tabela_filtro' => 'simbolos_oficiai','view_filtro'=>'simbolos','campos_filtro'=>$campos_filtro])
                    <!--Event List Box Start-->
                    @foreach($lista as $list)
                    <div class="event-post-full">
                        <div class="thumb"> <img src="{{asset('upload/simbolos').'/'.$list->imagem}}" style="width: 360px; height: 313.95px;" alt=""> </div>
                        <div class="event-post-content">
                            <div class="event-post-txt">                                 
                                <!--Share Start-->
                                <div class="btn-group share-post">
                                    <button type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-share-alt"></i> Compartilhar </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#" class="fb"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="tw"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" class="insta"><i class="fab fa-instagram"></i></a></li>
                                        <li><a href="#" class="linken"><i class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="yt"><i class="fab fa-youtube"></i></a></li>
                                    </ul>
                                </div>
                                <!--Share End-->
                                <h5>{{str_limit($list->nome,80)}}</h5>
                                <ul class="event-meta">
                                    <li><i class="far fa-calendar-alt"></i>{{timestampBrasileiraSemHR($list->created_at)}}</li>
                                </ul>
                                <p>{{str_limit(strip_tags($list->descricao),100)}}</p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    <!--Event List Box End-->



                    <!--Event List Box End--> 
                    <div class="site-pagination">
                        <nav aria-label="Page navigation">
                            {{$lista->links()}}
                            <!--                              <ul class="pagination">
                                                             <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>
                                                             <li><a href="#">1</a></li>
                                                             <li><a href="#">2</a></li>
                                                             <li class="active"><a href="#">3</a></li>
                                                             <li><a href="#">4</a></li>
                                                             <li><a href="#">5</a></li>
                                                             <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li>
                                                          </ul>-->
                        </nav>
                    </div>
                </div>
            </div>
                @include('sidebar')
        </div>
        <!--Events End--> 
    </div>
    <!--Main Content End--> 

    @endsection