@extends('theme')
@section("title", "Portal da Transparência - Angra dos Reis :: Quantitativo Contratado")
@section('content')

<section class="quantitativo-section">
    <div class="container py-5">

        <!-- Breadcrumb -->
        @php
            $breadcrumbs = [
                [
                    'route' => route('index'),
                    'title' => __("Página Inicial"),
                ],
                [
                    'currentPage' => "page",
                    'title' => __("Quantitativo Contratado"),
                ],
            ];

            $relatorios = [
                '202529000376',
                '202529000375',
                '202529000373',
                '202529000365',
                '202529000357',
                '202529000350',
                '202529000296',
                '202529000295',
                '202529000290',
                '202529000266',
                '202529000224',
                '202412000431',
                '202412000422',
                '202412000378',
                '202412000303',
            ];
        @endphp

        @include('components._breadcrumb', $breadcrumbs)

        <!-- Título Principal -->
        @include('components._titleMain', [
            "title" => __("Quantitativo Contratado"),
            "summary" => __("Acesse os relatórios de quantitativo contratado de forma rápida, organizada e intuitiva."),
        ])

        <!-- Cards -->
        <div class="row g-4 mt-2">

            @foreach($relatorios as $relatorio)

                @php
                    $ano = substr($relatorio, 0, 4);
                @endphp

                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="card h-100 border-0 shadow-sm quantitativo-card">

                        <div class="card-body text-center p-4 d-flex flex-column">

                            <!-- Ícone -->
                            <!-- <div class="icon-wrapper mb-3">
                                <i class="fas fa-file-pdf"></i>
                            </div> -->

                            <!-- Ano -->
                            <h2 class="fw-bold text-success mb-2">
                                {{ $ano }}
                            </h2>

                            <!-- Título -->
                            <h5 class="card-title mb-2 text-success">
                                Relatório de Contratação
                            </h5>

                            <!-- Processo -->
                            <p class="text-muted small mb-4">
                                Processo nº {{ $relatorio }}
                            </p>

                            <!-- Botão -->
                            <a href="https://angra.rj.gov.br/downloads/obras/{{ $relatorio }}.pdf"
                               target="_blank"
                               class="btn btn-success mt-auto">

                                <i class="fas fa-download me-2"></i>
                                Baixar PDF
                            </a>

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

            @endforeach

        </div>

    </div>
</section>



@endsection