@extends('layouts.promu.default')

@section('content')
    <section class="row container-pdm">
        <article id="leis-para-elas" class="container-fluid">
            <div class="container inner-pgPROMU">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <h2 class="title-promu">Leis para elas</h2>
                    <p>Em <strong>167 anos</strong> de história, o Poder Legislativo do Paraná foi responsável por colocar em vigor mais de <strong>50 leis</strong> direcionadas à vida das mulheres paranaenses nas mais variadas áreas. Estas legislações, inclusive, respaldam atualmente Programas de Governo importantes, como o Botão do Pânico Digital.</p>
                </div>
            </div>
            <div class="container inner-pgPROMU">
                <div class="col-md-12 text-center leis">
                    <!-- LEIS DO SITE <strong>AGORA É LEI</strong> -->
                    <div class="list-leisAGORAELEI">
                        <ul id="da-thumbs" class="da-thumbs list-inline">
                            @foreach($lista as $item)
                                <li>
                                    <a href="{{ route('agoraelei.lei', ['slug' => $item->slug]) }}">
                                        <img src="{{ Storage::url($item->caminho_completo_destaque_url) }}" class="img-responsive" />
                                        <div></div>
                                        <div class="custom-hover-object">
                                            {{ $item->numero }}
                                            <h3 class="titulo">{{ $item->titulo }}</h3>
                                            <small class="bt-fake">clique e saiba mais</small>
                                        </div>
                                    </a>
                                </li>
                        @endforeach
                    </div>

                    @include('layouts.publicador.paginacao')
                </div>
            </div>
        </article>
    </section>
    <script type="text/javascript" src="{{ asset('js/jquery.hoverdir.js') }}"></script>
    <script type="text/javascript">
        (function ($) {
            $(' #da-thumbs > li ').hoverdir();
        })(jQuery);
    </script>
@endsection