@extends('site.layouts.layout_1')
@section('content_header')
    <div class="content-section">
        <div class="content-wrapper w-container">
            <div class="masterbreadcrumb">
                <div class="container">
                    <div class="breadcrumb">
                        <a href="/">
                            <span class="breadcrumb__inner">
                                <span class="breadcrumb__title">Página inicial</span>
                            </span>
                        </a>
                        <a>
                            <span class="breadcrumb__inner">
                                <span class="breadcrumb__title">Transparência Fiscal</span>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="w-col w-col-12">
                <div class="post-content-text">
                    <div class="post-description-box">
                        <img width="200" src="{{ asset('assets/site/uploads/img/transparencia.png') }}"><br><br>
                        <p class="post-description">Transparência Fiscal</p>
                    </div>
                    <div class="rich-text-block w-richtext-justify" style="text-align: justify">O Portal da Transparência é
                        uma ferramenta que garante o acesso público a
                        informações detalhadas sobre a
                        arrecadação e o uso dos recursos públicos. Com ele, os cidadãos podem consultar
                        dados sobre receitas,
                        despesas, transferências de recursos, contratos, convênios, pagamentos e a
                        execução orçamentária de
                        todos os
                        níveis de governo (federal, estadual e municipal).
                    </div>
                    <div class="post-description-box">
                        <p class="post-description">Confira</p>
                    </div>
                    <div class="link-container" style="align-content: center">
                        <div class="rich-text-block richtext master">
                            <div class="row row-cols-1 row-cols-md-6 g-6">
                                @foreach ($transparencias as $transparencia)
                                    <div class="w-col w-col-4">
                                        <div class="inforquadro3">
                                            <a href="{{$transparencia->url}}"
                                                class="titulo_infor" target="_blank">
                                                <i class="{{$transparencia->icone}} fa-2x"></i><br>
                                                <h6>{{ $transparencia->titulo }}<br>
                                                    <small>{{ $transparencia->descricao }}
                                            </a>
                                            <br>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection