<!DOCTYPE html>
<html th:replace="~{modele-page :: layout('Votre profile',~{::link} , ~{::#container-main})}" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div class="container-fluid" id="container-main">
    <div class="row mt-3">
        <div class="col-md-6 offset-md-3">
            <div class="card">
                <div class="card-header">
                    <h4 th:text="#{profil.title}"></h4>
                </div>
                <div class="card-body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.pseudo}"></label></strong>
                            <span th:text="${userProfile.pseudo}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.surname}"></label></strong>
                            <span th:text="${userProfile.prenom}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.name}"></label></strong>
                            <span th:text="${userProfile.nom}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.email}"></label></strong>
                            <span th:text="${userProfile.email}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.phone}"></label></strong>
                            <span th:text="${userProfile.telephone}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.street}"></label></strong>
                            <span th:text="${userProfile.rue}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.postal}"></label></strong>
                            <span th:text="${userProfile.code_postal}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.city}">Ville:</label></strong>
                            <span th:text="${userProfile.ville}"></span>
                        </li>
                        <li class="list-group-item">
                            <strong><label class="col-form-label" th:text="#{profil.credit}"></label></strong>
                            <span th:text="${userProfile.credit}"></span>
                        </li>
                    </ul>
                    <form th:action="@{/profil/edit}" method="post" class="d-flex justify-content-end align-items-center mt-3">
                        <button type="submit" class="btn btn-primary" th:text="#{profil.button}"></button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
