<%- include('../partials/header') %>

<section class="panel">
    <div class="panel-head">
    <h2><%= programme && programme.id ? 'Modifier' : 'Créer' %> un programme</h2>
    <div class="actions">
      <% if (programme && programme.id) { %>
        <a href="/programmes/<%= programme.id %>" class="btn btn-ghost">Synthèse</a>
        <a href="/programmes/<%= programme.id %>/budget" class="btn btn-primary">Budget</a>
      <% } %>
      <a href="/programmes" class="btn btn-ghost">Retour</a>
    </div>
  </div>

  <% if (error) { %>
    <div class="alert"><%= error %></div>
  <% } %>

  <form method="POST" action="<%= programme && programme.id ? '/programmes/' + programme.id + '?_method=PUT' : '/programmes' %>" class="form form-grid">
    <label>
      <span>Code interne *</span>
      <input type="text" name="code_interne" required value="<%= programme && programme.code_interne ? programme.code_interne : '' %>" placeholder="ex. STOA-LYON-01">
    </label>
    <label>
      <span>Nom commercial *</span>
      <input type="text" name="nom_commercial" required value="<%= programme && programme.nom_commercial ? programme.nom_commercial : '' %>" placeholder="ex. Les Terrasses du Rhône">
    </label>

    <fieldset class="form-span address-block">
      <legend>Adresse</legend>
      <div class="form-grid">
        <label class="narrow">
          <span>N°</span>
          <input type="text" name="numero" value="<%= programme && programme.numero ? programme.numero : '' %>">
        </label>
        <label>
          <span>Rue *</span>
          <input type="text" name="rue" required value="<%= programme && programme.rue ? programme.rue : '' %>">
        </label>
        <label class="narrow">
          <span>Code postal *</span>
          <input type="text" name="code_postal" required value="<%= programme && programme.code_postal ? programme.code_postal : '' %>">
        </label>
        <label>
          <span>Ville *</span>
          <input type="text" name="ville" required value="<%= programme && programme.ville ? programme.ville : '' %>">
        </label>
      </div>
    </fieldset>

    <label>
      <span>Surface de plancher (m²)</span>
      <input
        type="text"
        name="surface_plancher"
        value="<%= programme && programme.surface_plancher != null ? formatNumber(programme.surface_plancher, { digits: 2, empty: '' }) : '' %>"
        class="js-thousand"
        data-digits="2"
        inputmode="decimal"
        autocomplete="off"
      >
    </label>
    <label>
      <span>Nombre de lots</span>
      <input
        type="text"
        name="nombre_lots"
        value="<%= programme && programme.nombre_lots != null ? formatInteger(programme.nombre_lots, '') : '0' %>"
        class="js-thousand"
        data-digits="0"
        inputmode="numeric"
        autocomplete="off"
      >
    </label>
    <label>
      <span>Surface de terrain (m²)</span>
      <input
        type="text"
        name="surface_terrain"
        value="<%= programme && programme.surface_terrain != null ? formatNumber(programme.surface_terrain, { digits: 2, empty: '' }) : '' %>"
        class="js-thousand"
        data-digits="2"
        inputmode="decimal"
        autocomplete="off"
      >
    </label>
    <label>
      <span>Responsable d'opération</span>
      <select name="responsable_id">
        <option value="">Non assigné</option>
        <% acteurs.forEach(function(acteur) { %>
          <option value="<%= acteur.id %>" <%= programme && String(programme.responsable_id) === String(acteur.id) ? 'selected' : '' %>>
            <%= acteur.prenom %> <%= acteur.nom %> — <%= acteur.role_nom %>
          </option>
        <% }) %>
      </select>
    </label>

    <div class="form-actions form-span">
      <button type="submit" class="btn btn-primary"><%= programme && programme.id ? 'Enregistrer' : 'Créer' %></button>
    </div>
  </form>
</section>

<%- include('../partials/footer') %>
