{% extends "base.html" %}

{% block page_title %}
  <div class="page-header d-print-none">
    <div class="container-xl">
      <div class="row g-2 align-items-center">
        <div class="col">
          <h1 class="page-title">{{ page_title|default:"Page Title" }}</h1>
          {% if page_subtitle %}
          <div class="page-subtitle">{{ page_subtitle }}</div>
          {% endif %}
        </div>
        <div class="col-auto ms-auto d-print-none">
          <div class="btn-list">
            <a href="#" class="btn btn-primary d-none d-sm-inline-block">
              <i class="ti ti-plus me-1"></i>
              Create new
            </a>
            <a href="#" class="btn btn-primary d-sm-none btn-icon">
              <i class="ti ti-plus"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}

{% block content %}
<div class="container-xl">
  <div class="row row-deck row-cards">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">{{ card_title|default:"Page Content" }}</h3>
        </div>
        <div class="card-body">
          <p class="text-secondary">{{ content_placeholder|default:"Add your page content here." }}</p>
          
          <!-- Example content sections -->
          <div class="row">
            <div class="col-md-6">
              <h4>Section 1</h4>
              <p>Content for the first section goes here.</p>
            </div>
            <div class="col-md-6">
              <h4>Section 2</h4>
              <p>Content for the second section goes here.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}