@extends('theme')
@section("title", "Portal da Transparência - Angra dos Reis :: Relatório de Estoques de Medicamentos")
@section('content')
<main class="main py-4">
    <div class="container py-4">
        <!-- Breadcrumb -->
        @php
            $breadcrumbs = [
                [
                    'route' => route('index'),
                    'title' => __("Página Inicial"),
                ],
                [
                    'currentPage' => "page",
                    'title' => __("Relatório de Estoques de Medicamentos - Farmácias Públicas"),
                ],
            ];
        @endphp

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

        <!-- Título Principal -->
        @include('components._titleMain', [
            "title" => __("Relatório de Estoques de Medicamentos das Farmácias Públicas"),
            "summary" => __("Acompanhe a disponibilidade de medicamentos na rede pública municipal."),
        ])

        <!-- Cards de Estoques -->
        <div class="row mb-5">
            <!-- Abril 2026 -->
            <div class="col-md-6 mb-4">
                <div class="card h-100 medication-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-3">
                            <div class="bg-success rounded-5 p-3 me-3">
                                <i class="fas fs-3 fa-pills text-white fa-lg"></i>
                            </div>
                            <div>
                                <h5 class="card-title mb-0">Estoque em Abril de 2026</h5>
                                <small class="text-muted">Relatório atualizado</small>
                            </div>
                        </div>
                        <p class="card-text">
                            Relatório histórico dos medicamentos disponíveis em abril de 2026.
                        </p>
                        <div class="d-flex justify-content-between align-items-center my-3">
                            <span class="badge bg-softGray text-green">Disponível</span>
                            <a href="https://angra.rj.gov.br/downloads/SSA/Atualizacao_de_Remedios-abril2026.pdf" target="_blank" class="btn btn-outline-success border-0 shadow-sm btn-sm">
                                <i class="fas fa-download me-1"></i> Baixar PDF
                            </a>
                        </div>
                    </div>
                    <div class="card-footer bg-transparent">
                        <small class="text-muted">
                            <i class="fas fa-calendar-alt me-1"></i> Atualizado em: 14/04/2026
                        </small>
                    </div>
                </div>
            </div>


        <!-- Informação de Atualização -->
        <div class="row mt-5">
            <div class="col-12">
                <div class="text-center">
                    <p class="update-info">
                        <i class="fas fa-info-circle me-1"></i>
                        <em>Atualizado em: 14 de abril de 2026</em>
                    </p>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection