{% extends 'layouts/base.html' %}

{% block title %}Projet {{ project.name }} - {{ client_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h1 class="h3">Projet: {{ project.name }}</h1>
  <div>
    <a href="{{ url_for('list_client_projects', client_id=client_id) }}" class="btn btn-outline-secondary me-2">
      <i class="fas fa-arrow-left"></i> Retour aux projets
    </a>
    <a href="{{ url_for('edit_client_project', client_id=client_id, project_id=project.id) }}" class="btn btn-primary">
      <i class="fas fa-edit"></i> Éditer
    </a>
  </div>
</div>

<div class="card">
  <div class="card-body">
    <dl class="row">
      <dt class="col-sm-3">Statut</dt>
      <dd class="col-sm-9"><span class="badge bg-secondary">{{ project.status }}</span></dd>

      <dt class="col-sm-3">Date de début</dt>
      <dd class="col-sm-9">{{ project.start_date or '—' }}</dd>

      <dt class="col-sm-3">Date de fin</dt>
      <dd class="col-sm-9">{{ project.end_date or '—' }}</dd>

      <dt class="col-sm-3">Budget</dt>
      <dd class="col-sm-9">
        {% if project.budget is not none %}
          {{ "%.2f"|format(project.budget) }} €
        {% else %}
          —
        {% endif %}
      </dd>

      <dt class="col-sm-3">Description</dt>
      <dd class="col-sm-9">{{ project.description or '—' }}</dd>

      <dt class="col-sm-3">ID du projet</dt>
      <dd class="col-sm-9"><code>{{ project.id }}</code></dd>
    </dl>
  </div>
</div>
{% endblock %}