{% extends "admin/base.html" %}
{% block page_title %}{% if game %}✏️ ویرایش{% else %}➕ بازی جدید{% endif %}{% endblock %}
{% block content %}
<div class="card animate-in" style="max-width:600px">
  <h3 style="margin-bottom:1.5rem">{% if game %}📝 ویرایش بازی{% else %}➕ افزودن بازی جدید{% endif %}</h3>
  <form method="POST">
    <div class="form-group">
      <label>{{ t('game_slug') }} *</label>
      <input class="input" name="slug" value="{{ game.slug if game else '' }}" required placeholder="counter-strike-2" {% if game %}readonly{% endif %}>
    </div>
    <div class="form-group">
      <label>{{ t('game_name') }} *</label>
      <input class="input" name="name" value="{{ game.name if game else '' }}" required placeholder="Counter-Strike 2">
    </div>
    <div class="form-row">
      <div class="form-group">
        <label>{{ t('game_icon') }}</label>
        <input class="input" name="icon" value="{{ game.icon if game else '🎮' }}" maxlength="10" placeholder="🎮">
      </div>
      <div class="form-group">
        <label>{{ t('sort_order') }}</label>
        <input class="input" type="number" name="sort_order" value="{{ game.sort_order if game else 0 }}" min="0">
      </div>
    </div>
    <div class="form-group">
      <label>{{ t('game_image') }}</label>
      <input class="input" name="image" value="{{ game.image if game else '' }}" placeholder="https://...">
    </div>
    {% if game %}
    <div class="form-group">
      <label>
        <input type="checkbox" name="is_active" value="1" {% if game.is_active %}checked{% endif %} style="width:auto;margin-left:0.5rem">
        {{ t('is_active') }}
      </label>
    </div>
    {% endif %}
    <div class="flex" style="gap:0.8rem;margin-top:1.5rem">
      <button type="submit" class="btn btn-primary" style="flex:1;justify-content:center;padding:1rem">{{ t('save_changes') }}</button>
      <a href="{{ url_for('admin.games_list') }}" class="btn btn-outline">{{ t('cancel') }}</a>
    </div>
  </form>
</div>
{% endblock %}