{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ title }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_achievement_index') }}" class="breadcrumb-link">Succès</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ title }}</span>
{% endblock %}

{% block content %}
<form method="post" action="{{ action }}">

  <div class="section">
    <div class="section-title">Général</div>
    <div class="grid-2">
      <div class="field">
        <label class="field-label" for="gameId">Jeu *</label>
        <select name="gameId" id="gameId" required>
          <option value="0" {{ achievement.gameId == 0 ? 'selected' }}>CSI Forever</option>
          <option value="1" {{ achievement.gameId == 1 ? 'selected' }}>CSII Forever</option>
          <option value="2" {{ achievement.gameId == 2 ? 'selected' }}>CSI Rogue</option>
          <option value="3" {{ achievement.gameId == 3 ? 'selected' }}>Narval Souls</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="internalId">ID interne *</label>
        <input type="number" name="internalId" id="internalId" required min="0" value="{{ achievement.internalId }}">
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="name">Nom *</label>
        <input type="text" name="name" id="name" required value="{{ achievement.name }}">
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="description">Description</label>
        <textarea name="description" id="description" rows="3">{{ achievement.description }}</textarea>
      </div>
      <div class="field">
        <label class="field-label" for="pointsValue">Points *</label>
        <input type="number" name="pointsValue" id="pointsValue" required min="0" value="{{ achievement.pointsValue }}">
      </div>
      <div class="field">
        <label class="field-label" for="icon">ID icône (icon index RPG Maker)</label>
        <input type="number" name="icon" id="icon" min="0" value="{{ achievement.icon ?? '' }}">
      </div>
      {% if achievement.icon and achievement.id %}
        <div class="field" style="align-self:flex-end;padding-bottom:4px">
          <img src="{{ path('api_icon', {gameId: achievement.gameId, id: achievement.icon}) }}"
               style="width:32px;height:32px;image-rendering:pixelated" alt="">
        </div>
      {% endif %}
    </div>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Enregistrer</button>
    <a href="{{ path('admin_achievement_index') }}" class="btn btn-cancel">Annuler</a>
  </div>
</form>
{% endblock %}