@{
    Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
    ViewData["Title"] = "Regulasi";
}

@section Style {
    <link rel="stylesheet" href="~/webnew/css/regulasi.css" asp-append-version="true" />
}

@section Scripts {
    <script src="~/webnew/pages/regulasi.js"></script>
}


@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Regulasi")
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")


<div class="container">

    @*<div class="mb-3 text-center">
            <button class="btn filter-btn active" data-kategori="peraturan">Peraturan</button>
            <button class="btn filter-btn" data-kategori="sop">SOP</button>
        </div>*@

    <div class="regulasi-tabs mb-4">

        <button class="filter-btn active" data-kategori="peraturan">
            <i class="bi bi-journal-text"></i>
            <span>Peraturan</span>
        </button>

        <button class="filter-btn" data-kategori="sop">
            <i class="bi bi-file-earmark-text"></i>
            <span>SOP</span>
        </button>

    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <input type="text" id="search" class="form-control" placeholder="Cari..." />
        </div>

        <div class="col-md-6">
            <select id="tahun" class="form-control">
                <option value="">Semua Tahun</option>
                <option value="2025">2025</option>
                <option value="2026">2026</option>
            </select>
        </div>
    </div>

    <div id="list-regulasi"></div>

    <div class="d-flex justify-content-between align-items-center mt-4 flex-wrap gap-2">
        <div id="pagination-info" class="text-muted small"></div>
        <div id="pagination" class="d-flex"></div>
    </div>

</div>