pop-camarades/views/role.html

{% extends "layouts/main.html" %}

{% block main %}
<div class="container mt-4">
	<div class="mb-4">
		<nav>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="/">Accueil</a></li>
				<li class="breadcrumb-item"><a href="/admin">Administration</a></li>
				<li class="breadcrumb-item"><a href="/admin/roles">Rôles</a></li>
				<li class="breadcrumb-item active">{{ Role.Name }}</li>
			</ol>
		</nav>
		<hr>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Nom
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Role.Name }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="mt-4 mb-3">
		<span class="h4">
			Permissions membres
		</span>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Afficher membres
		</div>
		<div class="col-md-10">
			{% if Role.ShowMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Créer membres
		</div>
		<div class="col-md-10">
			{% if Role.CreateMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Modifier membres
		</div>
		<div class="col-md-10">
			{% if Role.EditMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Afficher membres archivés
		</div>
		<div class="col-md-10">
			{% if Role.ShowArchivedMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Archiver membres
		</div>
		<div class="col-md-10">
			{% if Role.ArchiveMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Restaurer membres
		</div>
		<div class="col-md-10">
			{% if Role.RestoreMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Purger membres (suppression définitive)
		</div>
		<div class="col-md-10">
			{% if Role.PurgeMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Convertir membres en contacts
		</div>
		<div class="col-md-10">
			{% if Role.ConvertMemberToContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="mt-4 mb-3">
		<span class="h4">
			Permissions contacts
		</span>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Afficher contacts
		</div>
		<div class="col-md-10">
			{% if Role.ShowContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Créer contacts
		</div>
		<div class="col-md-10">
			{% if Role.CreateContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Modifier contacts
		</div>
		<div class="col-md-10">
			{% if Role.EditContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Afficher contacts archivés
		</div>
		<div class="col-md-10">
			{% if Role.ShowArchivedContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Archiver contacts
		</div>
		<div class="col-md-10">
			{% if Role.ArchiveContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Restaurer contacts
		</div>
		<div class="col-md-10">
			{% if Role.RestoreContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Purger contacts (suppression définitive)
		</div>
		<div class="col-md-10">
			{% if Role.PurgeContact %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Convertir contacts en membres
		</div>
		<div class="col-md-10">
			{% if Role.ConvertContactToMember %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="my-4 row">
		<div class="col-6">
			<a class="btn btn-md btn-outline-primary" href="/admin/roles/{{ Role.ID }}/edit">
				<i class="bi-pencil-square"></i>
				Modifier
			</a>
		</div>
		<div class="col-6 text-end">
			<button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#modal-delete">
				<i class="bi-trash3 me-1"></i>
				Supprimer
			</button>
		</div>
	</div>

</div>

<div id="modal-delete" class="modal" tabindex="-1">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<p>Êtes-vous sûr de vouloir supprimer ce rôle ?</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
					<i class="bi-x-lg me-1"></i>
					Annuler
				</button>

				<form action="/admin/roles/{{ Role.ID }}/delete" method="post" class="d-inline p-0">
					<button class="btn btn-md btn-outline-danger" type="submit">
						<i class="bi-trash3 me-1"></i>
						Supprimer
					</button>
				</form>
			</div>
		</div>
	</div>
</div>
{% endblock %}