{% extends "base_admin.html" %}
{% load static %}

{% block content %}
<div class="container-fluid">

<h3>Site Management</h3>

<!-- ================= SITE INFO ================= -->
<div class="card mb-4">
  <div class="card-header">Site Information</div>
  <div class="card-body">
    <p><b>Name:</b> {{ site.site_name }}</p>
    <p>{{ site.about|truncatewords:40 }}</p>
    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#siteModal">
      Edit Site Info
    </button>
  </div>
</div>

<!-- ================= GALLERY ================= -->
<div class="card mb-4">
  <div class="card-header d-flex justify-content-between">
    <span>Gallery</span>
    <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#galleryModal">
      Add Image
    </button>
  </div>

  <table class="table table-striped">
    <tr>
      <th>Image</th>
      <th>Title</th>
      <th>Status</th>
      <th>Action</th>
    </tr>

    {% for g in gallery %}
    <tr>
      <td width="80"><img src="{{ g.image.url }}" class="img-fluid rounded"></td>
      <td>{{ g.title }}</td>
      <td>
        {% if g.is_active %}
          <span class="badge bg-success">Enabled</span>
        {% else %}
          <span class="badge bg-danger">Disabled</span>
        {% endif %}
      </td>
      <td>
        <button class="btn btn-warning btn-sm">Edit</button>
        <button class="btn btn-secondary btn-sm">
          {% if g.is_active %}Disable{% else %}Enable{% endif %}
        </button>
      </td>
    </tr>
    {% endfor %}
  </table>
</div>

<!-- ================= NEWS ================= -->
<div class="card">
  <div class="card-header d-flex justify-content-between">
    <span>News</span>
    <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#newsModal">
      Add News
    </button>
  </div>

  <table class="table">
    <tr>
      <th>Title</th>
      <th>Status</th>
      <th>Action</th>
    </tr>

    {% for n in news %}
    <tr>
      <td>{{ n.title }}</td>
      <td>
        {% if n.is_active %}
          <span class="badge bg-success">Enabled</span>
        {% else %}
          <span class="badge bg-danger">Disabled</span>
        {% endif %}
      </td>
      <td>
        <button class="btn btn-warning btn-sm">Edit</button>
        <button class="btn btn-secondary btn-sm">
          {% if n.is_active %}Disable{% else %}Enable{% endif %}
        </button>
      </td>
    </tr>
    {% endfor %}
  </table>
</div>

</div>
{% endblock %}