{% extends "base.html" %}
{% import "navbar/navbar.html" as navbar -%}

{% block title %}Pharma Libre - CPS{% endblock %}

{% block body %}
{% call navbar::navbar(current="cps") %}
<div class="py-10">
  <header id="page-header">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
      <h1
        id="page-title"
        class="text-3xl font-bold leading-tight tracking-tight text-gray-900"
      >
        CPS
      </h1>
    </div>
  </header>
  <main id="page-main">
    <div
      class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8"
    >
      <div
        class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-96 mb-4"
      >A</div>
      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
        <div
          class="border-2 border-dashed border-gray-300 rounded-lg dark:border-gray-600 h-32 md:h-64"
        >B</div>
        <div
          class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"
        >C</div>
        <div
          class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"
        >D</div>
        <div
          class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"
        >E</div>
      </div>
    </div>
  </main>
</div>
{% endblock %}