{% extends "admin/base.html" %}
{% load static %}

{% block title %} Maketteur | HubStation {% endblock %}
{% block subtitle %}
Edition de Classes 
{% endblock %}

{% block extrastyle %}
    <link rel="stylesheet" href="{% static 'alertify/alertify.min.css' %}">
    <script src="{% static 'alertify/alertify.min.js' %}"></script>

{% endblock %}


{% block content_title %}
<div class="d-flex">
	<div>
		<img style="width:60px;height:60px;border-radius:100%;" src="/static/global/maketteur.jpeg">
		<span class="text-primary"> Maketteur </span>
	</div>
</div>


{% endblock %}

{% block content %}

<div class="col-12">
	<!-- <div> Maketteur </div> -->
	<div class="py-2 d-flex justify-content-centers flex-wrap">
		<div class="p-1"> <a href="/maketteur/index_modules/" class="badge  {% if link == 0 %} badge-primary text-white {% endif %}"> Modules </a> </div>
		<div class="p-1"> <a href="/maketteur/" class="badge {% if link == 1 %} badge-primary text-white {% endif %}"> Donnees </a> </div>
		<div class="p-1"> <a href="#" class="badge {% if link == 2 %} badge-primary text-white {% endif %}"> Relations </a> </div>
	</div>
	{% block maketteur_content_1 %}
	<div class="h3 text-"> Gérez les données qui seront utilisées</div>
	<div class="py-2 d-flex flex-wrap justify-content-">
		<div class=""> <a href="/maketteur/index_class/" class=" text-primary"> <i class="fas fa-add"></i>&nbsp;Nouvelle Donnée</a> </div>
		<!-- <div class="p-1"> <a href="/maketteur/index_links/" class="btn text-success"> <i class="fas fa-add"></i>&nbsp;Nouvelle Relation</a> </div> -->
	</div>
	{% for model in object_apps_list %}
	<div class="py-3">
		<div class="h5" style="text-transform: capitalize;"> {{model.app}} </div>
	</div>

	<div class="d-flex flex-wrap py-2 col-12">
		{% for md in model.models %}
		<div class="col-md-4 col-lg-3 p-1">
		<article class="card">
			<div class="card-body">
				<div>
					<div class="text-center p-2"> <i class="fas fa-cube fa-3x"></i> </div>
					<div class="text-center"> <a href="/station/{{model.app}}/{{md}}"> <label> {{md}}</label> </a> </div>
					<div class="d-flex justify-content-center">
						<div class="p-1"> <span class="badge badge-success p-2"> <i class="fas fa-pencil"></i> </span> </div>
						<div class="p-1"> <span class="badge badge-primary p-2"> <i class="fas fa-table"></i> </span> </div>
						<div class="p-1"> <span class="badge badge-danger p-2"> <i class="fas fa-trash"></i> </span> </div>
					</div>
				</div>
			</div>
		</article>
		</div>
		{% empty %}
		<div>
			<span> Aucune Donnee definie actuellement.</span> Vous pouvez en creer une <a href="#">ici</a>
		</div>
		{% endfor %}
	</div>
	{% endfor %}
	{% endblock %}
</div>

{% endblock %}


{% block script %}



{% endblock %}