@extends('layouts.dashboard')
@section('pg-body')
<section class="wf100 subheader">
    <div class="container">
        <h2>Projetos de Resolução</h2>
        <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li>Projetos de Resolução</li>
        </ul>
    </div>
</section>

<div class="main-content p60">

    <div class="container">
        <div class="row">
            <!--leis e decretos Page Start-->
            <div class="col-md-9">
                <div class="city-updates">
                    <h3>Projetos de Resolução</h3>
                    @php($campos_filtro[] = 'descricao')
                    @php($campos_filtro[] = 'numero')
                    @php($campos_filtro[] = 'ano')
                    @include ('filtro_padrao',['tabela_filtro' => 'projetos_resolucao','view_filtro'=>'projetos_resolucao','campos_filtro'=>$campos_filtro])

                    <ul>
                        <!-- decreto start -->
                        @foreach($lista as $key => $list)
                        <li> 
                            <div>
                                <strong style="font-weight: bold; color: black; float: left;"> Projeto Resolução Nº {{$list->numero.'/'.$list->ano}} @if(isset($list->vereador_id) and !empty($list->vereador_id)) - {{$list->vereador->nome}}@endif </strong>
                                <strong style="font-weight: bold; color: black; float: right;">
                                    @if($list->tipo_votacao == 'Voto')
                                        @if(count($list->votacao) > 0)
                                            @if($list->qtd_votos_sim > $list->qtd_votos_nao)
                                                <label style="font-size: 14px; float: right; color: green;"> - APROVADO </label>
                                            @else
                                                <label style="font-size: 14px; float: right; color: red;"> - REPROVADO </label>
                                            @endif
                                        @else
                                            <label style="font-size: 14px; float: right; color: #75438a;"> - EM TRAMITAÇÃO </label>
                                        @endif
                                    @endif
                                </strong>
                            </div>
                            <strong style="clear: both;"><a href="{{asset('upload/votacao_projeto_resolucao').'/'.$list->arquivo}}" target="_blank"> {{$list->nome}} </a></strong>
                            @if(!empty($list->data))<span class="post-date" style="font-weight: bold; color: #337ab7;"><i class="fa fa-calendar" style="font-weight: bold; color: #337ab7;"></i> {{dataBrasileira($list->data)}}</span>@endif
                            <span class="post-date" style="font-weight: bold; color: #337ab7;"><a href="{{asset('upload/projetos_resolucao').'/'.$list->arquivo}}" target="_blank"><i class="fa fa-download" aria-hidden="true" style="font-weight: bold; color: #337ab7;"></i> Baixar</a></span>
                            <span class="post-date" style="float: right; font-style: bold; color: blue!important;" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.cursor='default'" onclick="toggleDisplayVN('votacaoNominal{{$key}}');"><i class="fa fa-search" style="color: blue!important;"></i> Votação Nominal</span>
                            
                            <div id="votacaoNominal{{$key}}" class="panel-collapse collapse" style="color: black; clear: both;">   
                                <hr>
                                <div class="panel-body">
                                    @if($list->tipo_votacao == 'Voto')
                                    <div class="col-md-3">
                                        <strong>Votos Sim: </strong>@if($list->qtd_votos_sim != ''){{$list->qtd_votos_sim}}@else {{'0'}} @endif
                                    </div>
                                    <div class="col-md-3">
                                        <strong>Votos Não: </strong>@if($list->qtd_votos_nao != ''){{$list->qtd_votos_nao}}@else {{'0'}} @endif
                                    </div>
                                    <div class="col-md-3">
                                        <strong>Votos Ausentes: </strong>@if($list->qtd_votos_ausentes != ''){{$list->qtd_votos_ausentes}}@else {{'0'}} @endif
                                    </div>
                                    <div class="col-md-3">
                                        <strong>Votos Abstenção: </strong>@if($list->qtd_votos_ausentes != ''){{$list->qtd_votos_abstencao}}@else {{'0'}} @endif
                                    </div>
                                    <br><br>
                                    <div class="portlet box green-meadow">
                                        <div class="portlet-title">
                                            <div class="perfil-caption">
                                                <div class="caption floatleft">
                                                    <strong><i class="fa fa-list"></i> Votos</strong>                                  
                                                </div>
                                            </div>                                        
                                        </div>
                                        <div class="portlet-body flip-scroll">
                                            <table class="table table-bordered table-striped table-condensed flip-content">
                                                <thead class="flip-content">
                                                    <tr>
                                                        <th>Vereador</th><th>Voto</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="table_itens">
                                                    @if(!empty($list->votacao))
                                                <tbody id="table_itens">
                                                    {{-- */$x=0;/* --}}
                                                    @foreach($list->votacao as $item)
                                                    {{-- */$x++;/* --}} 
                                                    <tr>
                                                        <td>{{ $item->vereador }}</td><td>{{ $item->voto }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    @else
                                    <ul>
                                        <!-- decreto start -->
                                        @if(!empty($list->votacao))
                                        @foreach($list->votacao as $item)
                                        <li> 
                                            <strong><a href="{{asset('upload/votacao_projeto_resolucao').'/'.$item->arquivo}}">Declaração </a></strong> 
                                            <span class="post-date"><a href="{{asset('upload/votacao_projeto_resolucao').'/'.$item->arquivo}}" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Baixar</a></span>
                                        </li>
                                        @endforeach
                                        @endif
                                        <!-- decreto end -->
                                    </ul>
                                    @endif
                                </div>
                            </div>
                        </li>
                        @endforeach
                        <!-- decreto end -->


                    </ul>
                </div>

                <!--navegation-->
                <div class="site-pagination">
                    <nav aria-label="Page navigation">
                        {{$lista->links()}}
                    </nav>
                </div>
                <!--navegation-->
            </div>

            @include('sidebar')

            <!--leis e decretos Page end-->
        </div>
    </div>

</div>

<script>
    function toggleDisplayVN(divId) {
        const div = document.getElementById(divId);
        if (!div) {
            console.error(`Element with ID "${divId}" not found.`);
            return;
        }

        // Verifica o estilo atual do elemento (incluindo estilos computados)
        const currentDisplay = window.getComputedStyle(div).display;

        // Alterna entre 'block' e 'none'
        div.style.display = currentDisplay === 'none' ? 'block' : 'none';
    }
</script>
@endsection