Añado listra de macrcocilos y detalle

src/templates/macrociclos/detalle_macrociclo.html

@@ -0,0 +1,36 @@
+{% extends 'base.html' %}
+
+{% block menuapp %}
+
+{% include 'macrociclos/_menu-macrociclos.html' %}
+
+{% endblock menuapp %}
+
+{% block content %}
+<div class="container-xl">
+    <div class="app-card app-card-notification shadow-sm mb-4">
+        <div class="app-card-header px-4 py-3">
+            <div class="row g-3 align-items-center">
+                <div class="col-12 col-lg-auto text-center text-lg-start">
+                    <h4>{{ macrociclo.nombre }}</h4>
+
+                    <ul class="notification-meta list-inline mb-0">
+                        <li class="list-inline-item">{{ macrociclo.nombre }}</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row g-3 mb-4 align-items-center justify-content-between">
+        <div class="col-auto">
+            <a class="btn app-btn-secondary" href="{% url 'macrociclos:lista_macrociclos' %}">Volver al inicio</a>
+        </div>
+
+        <div class="col-auto">
+            <a class="btn app-btn-primary" href="{% url 'macrociclos:nuevo_macrociclo' %}">Añadir macrociclo</a>
+        </div>
+    </div>
+</div>
+{% endblock %}
+

src/templates/macrociclos/lista_macrociclos.html

@@ -0,0 +1,54 @@
+{% extends 'base.html' %}
+
+{% block menuapp %}
+
+{% include 'macrociclos/_menu-macrociclos.html' %}
+
+{% endblock menuapp %}
+
+{% block content %}
+		    <div class="container-xl">
+			    
+			    <div class="row g-3 mb-4 align-items-center justify-content-between">
+				    <div class="col-auto">
+			            <h1 class="app-page-title mb-0">Macrociclos</h1>
+				    </div>
+			    </div><!--//row-->				
+				<div class="col-auto">
+					<div class="page-utilities">
+					    <div class="row g-4 justify-content-start justify-content-md-end align-items-center">
+						    <div class="col-auto">
+							   <a class="btn app-btn-primary" href="{% url 'macrociclos:nuevo_macrociclo' %}">Añadir macrociclo</a>
+						    </div>
+					    </div><!--//row-->
+				    </div><!--//table-utilities-->
+			    </div><!--//col-auto-->
+
+				<div class="app-card app-card-notification shadow-sm mb-4">
+					<table class="table app-table-hover mb-0 text-left">
+						<thead>
+							<tr>
+								<th class="cell">Nombre</th>
+								<th class="cell">Tipo</th>
+								<th class="cell">Desde</th>
+								<th class="cell">Hasta</th>
+								<th class="cell">Entrenador</th>
+								<th class="cell">Deportista</th>
+							</tr>
+						</thead>
+						{% for macrociclo in macrociclos %}
+						<tbody>
+							<tr>
+								<td class="cell"><a href="{% url 'macrociclos:detalle_macrociclo' macrociclo.id %}">{{ macrociclo.nombre }}</a></td>
+								<td class="cell">{{ macrociclo.tipo }}</td>
+								<td class="cell">{{ macrociclo.fecha_inicio }}</td>
+								<td class="cell">{{ macrociclo.fecha_fin }}</td>
+								<td class="cell">{{ macrociclo.entrenador }}</td>
+								<td class="cell">{{ macrociclo.deportista }}</td>
+							</tr>
+						</tbody>
+						{% endfor %}
+					</table>
+				</div>
+		    </div><!--//container-fluid-->
+{% endblock %}