{% extends 'base.html' %}
{% load widget_tweaks %}
{% block content %}
<div class="container mt-5 mb-5">
  {% if messages %}
    <div class=" mb-5">
      {% for message in messages %}
        <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
          {{ message }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
      {% endfor %}
    </div>
  {% endif %}
  <div class="row justify-content-center">

    <div class="col-md-10">
      <div class="card shadow">
        <div class="card-header bg-dark text-white text-center">
          <h4 class="mb-0">Update Player Information</h4>
        </div>
        <div class="card-body">
          <form method="POST" enctype="multipart/form-data" class="needs-validation" novalidate>
            {% csrf_token %}

            {% for field in form.visible_fields %}
              <div class="mb-3">
                {% if field.field.widget.input_type == "checkbox" %}
                  <div class="form-check">
                    {{ field|add_class:"form-check-input" }}
                    <label class="form-check-label" for="{{ field.id_for_label }}">
                      {{ field.label }}
                    </label>
                  </div>
                {% else %}
                  <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                  {% if field.errors %}
                    {{ field|add_class:"form-control is-invalid" }}
                    <div class="invalid-feedback">
                      {{ field.errors|striptags }}
                    </div>
                  {% else %}
                    {{ field|add_class:"form-control" }}
                  {% endif %}
                  {% if field.help_text %}
                    <small class="form-text text-muted">{{ field.help_text }}</small>
                  {% endif %}
                {% endif %}
              </div>
            {% endfor %}

            {% comment %} {% if show_consent %}
              <div class="mb-3">
                <label class="form-label text-danger">Parental Consent Document (Required for Minors)</label>
                {% if player.parental_consent %}
                  <input type="file" name="parental_consent" class="form-control">
                  <small class="form-text text-muted">
                    A consent document is already uploaded. You may replace it if needed.
                  </small>
                {% else %}
                  <input type="file" name="parental_consent" class="form-control" required>
                {% endif %}
              </div>
            {% endif %} {% endcomment %}

            <div class="d-grid mt-4">
              <button type="submit" class="btn btn-success btn-lg">Update Player</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}