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

{% block title %} Maketteur | HubStation {% endblock %}

{% block pretitle %}
Edition des Liens
{% 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 d-flex flex-wrap">
	<div> <span class="btn text-primary"> <i class="fas fa-plus"></i> Choisir une Classe </span> </div>
</div>


<div style="overflow:auto;width:100%;" class="d-flex flex-wrap">
	<div class="col-12 col-lg-4 col-sm-6 p-2">
		<div class="card">
			<div class="card-body">
				<div>
					<div class="text-secondary"> Classe : <b>Classe 1</b> </div>
				</div>
				<div class="pt-2">
					
					<div class="py-2 d-flex">
						<div> 
							<input type="checkbox">
						</div>
						<div> <label> &nbsp;Attribut 1 </label> </div>
						
					</div>

				</div>			
			</div>
		</div>
	</div>

	<div class="col-12 col-lg-4 col-sm-6 p-2" style="padding:0px;">
		<div class="card">
			<div class="card-body">
				<div>
					<div class="text-secondary"> <b> Attribut 1 </b> </div>
				</div>
				<div class="pt-2 col-12">
					
					<div class="col-12 py-2 d-flex">
						<div class="col-12"> 
						<textarea rows="5" class="col-12 form-control"></textarea>
						</div>
						
					</div>

				</div>			
			</div>
		</div>
	</div>
</div>

<div class="col-12 d-flex flex-wrap">
	<div> <span class="btn btn-success"> Definir les Fonctions </div>
</div>


{% endblock %}

