       </tbody>
     </table>
 
+    <Pagination nr_of_pages={Integer.floor_div(@nr_of_filtered, @per_page)}
+                {=@nr_of_unfiltered} {=@nr_of_filtered} {=@page} {=@per_page}
+                click="paginate" class="mb-4 max-w-3xl" />
+
     <LinkButton title="New opml"
                 to={opml_path(Endpoint, :new)} />
     """

    <table cellpadding="4" class="my-4">
      <thead>
        <tr>
          <th class="border border-gray-light">Id</th>
          <th class="border border-gray-light">User</th>
          <th class="border border-gray-light">Content type</th>
          <th class="border border-gray-light">Filename</th>
          <th class="border border-gray-light">inserted at</th>
          <th class="border border-gray-light">Path</th>
          <th class="border border-gray-light">Actions</th>
        </tr>
      </thead>
      <tbody>
        {#for opml <- @opmls}
          <tr class="odd:bg-white">
            <td class="border border-gray-light">{opml.id}</td>
            <td class="border border-gray-light">{opml.user.name}</td>
            <td class="border border-gray-light">{opml.content_type}</td>
            <td class="border border-gray-light">{opml.filename}</td>
            <td class="border border-gray-light"><nobr> {opml.inserted_at |> Timex.format!("{YYYY}-{0M}-{0D} {h24}:{m}:{s}")}</nobr></td>

            <td class="border border-gray-light">
              <LinkButton title="Parse"
                          to={opml_path(Endpoint, :import, opml.id)}
                          class="text-sm border-primary-dark bg-primary hover:bg-primary-light text-white" />
              <LinkButton title="Show"
                          class="text-sm border-gray bg-white hover:bg-gray-light"
                          to={opml_path(Endpoint, :show, opml.id)} />
              <LinkButton title="Edit"
                          class="text-sm border-warning-dark bg-warning hover:bg-warning-light text-white"
                          to={opml_path(Endpoint, :edit, opml.id)} />
              <LinkButton title="Delete"
                          to={opml_path(Endpoint, :delete, opml.id)}
                          method={:delete}
                          class="text-sm border-danger-dark bg-danger hover:bg-danger-light text-white"
                          opts={[confirm: "Are you sure?"]} />
            </td>
          </tr>
