@using PowderCoating.Web.ViewModels.Reports
@model ReportViewModelBase
@* Usage: <partial name="_ReportHeader" model="Model" /> *@
<div class="d-flex align-items-start gap-2 mb-3 no-print">
    <a asp-controller="Reports" asp-action="Landing" class="btn btn-sm btn-outline-secondary mt-1">
        <i class="bi bi-arrow-left"></i>
    </a>
    <div class="flex-grow-1">
        <h1 class="h3 mb-0">@Model.ReportTitle</h1>
        @if (!string.IsNullOrEmpty(Model.ReportDescription))
        {
            <p class="text-muted mb-0 small">@Model.ReportDescription</p>
        }
    </div>
    <form method="get" class="d-flex align-items-center gap-2">
        <label class="text-muted small mb-0 text-nowrap">Period:</label>
        <select name="months" class="form-select form-select-sm" style="width:auto" onchange="this.form.submit()">
            @foreach (var opt in new[] { (3, "Last 3 months"), (6, "Last 6 months"), (12, "Last 12 months"), (24, "Last 24 months") })
            {
                if (opt.Item1 == Model.SelectedMonths)
                {
                    <option value="@opt.Item1" selected>@opt.Item2</option>
                }
                else
                {
                    <option value="@opt.Item1">@opt.Item2</option>
                }
            }
        </select>
        <button type="button" class="btn btn-sm btn-outline-secondary" disabled title="PDF export coming soon">
            <i class="bi bi-file-pdf me-1"></i>Export PDF
        </button>
    </form>
</div>
<style>
@@media print {
    .no-print { display: none !important; }
    .card { border: 1px solid #dee2e6 !important; box-shadow: none !important; }
    body { font-size: 11px; }
    .table { font-size: 11px; }
}
</style>