{% extends "users/base.html" %}

{% load socialaccount %}
{% load static %}

{% block title %}
  Account - Yamtrack
{% endblock title %}

{% block settings_content %}
  <div class="bg-[#2a2f35] rounded-lg p-6">
    <h2 class="text-2xl font-bold mb-6">About Yamtrack</h2>

    <div class="space-y-6">
      <div class="space-y-2">
        <div class="flex items-center gap-2 text-lg font-medium text-gray-200">
          <svg xmlns="http://www.w3.org/2000/svg"
               width="24"
               height="24"
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
               stroke-width="2"
               stroke-linecap="round"
               stroke-linejoin="round"
               class="w-5 h-5 text-indigo-400">
            <circle cx="12" cy="12" r="10"></circle>
            <path d="M12 16v-4"></path>
            <path d="M12 8h.01"></path>
          </svg>
          <h3>Description</h3>
        </div>
        <p class="text-gray-300 pl-7">
          Yamtrack is an open-source media tracker that helps you organize and track your media.
        </p>
      </div>

      <div class="space-y-4">
        <div class="flex items-center gap-2 text-lg font-medium text-gray-200">
          <svg xmlns="http://www.w3.org/2000/svg"
               width="24"
               height="24"
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
               stroke-width="2"
               stroke-linecap="round"
               stroke-linejoin="round"
               class="w-5 h-5 text-indigo-400">
            <path d="M15 3h6v6"></path>
            <path d="M10 14 21 3"></path>
            <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
          </svg>
          <h3>Links</h3>
        </div>
        <div class="grid gap-3 pl-7">
          <a href="https://github.com/FuzzyGrim/Yamtrack"
             target="_blank"
             rel="noopener noreferrer"
             class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 transition-colors">
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="w-4 h-4">
              <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4">
              </path>
              <path d="M9 18c-4.51 2-5-2-7-2"></path>
            </svg>
            <span>Source Code</span>
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="w-3 h-3 ml-1">
              <path d="M15 3h6v6"></path>
              <path d="M10 14 21 3"></path>
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
            </svg>
          </a>

          <a href="https://github.com/FuzzyGrim/Yamtrack/wiki"
             target="_blank"
             rel="noopener noreferrer"
             class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 transition-colors">
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="w-4 h-4">
              <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
              <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
            </svg>
            <span>Documentation</span>
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="w-3 h-3 ml-1">
              <path d="M15 3h6v6"></path>
              <path d="M10 14 21 3"></path>
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
            </svg>
          </a>

          <a href="https://github.com/FuzzyGrim/Yamtrack/issues"
             target="_blank"
             rel="noopener noreferrer"
             class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 transition-colors">
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="w-4 h-4">
              <path d="m8 2 1.88 1.88"></path>
              <path d="M14.12 3.88 16 2"></path>
              <path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path>
              <path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path>
              <path d="M12 20v-9"></path>
              <path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path>
              <path d="M6 13H2"></path>
              <path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path>
              <path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path>
              <path d="M22 13h-4"></path>
              <path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"></path>
            </svg>
            <span>Bug Reports</span>
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="2"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="w-3 h-3 ml-1">
              <path d="M15 3h6v6"></path>
              <path d="M10 14 21 3"></path>
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
            </svg>
          </a>
        </div>
      </div>

      <div class="space-y-2">
        <div class="flex items-center gap-2 text-lg font-medium text-gray-200">
          <svg xmlns="http://www.w3.org/2000/svg"
               width="24"
               height="24"
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
               stroke-width="2"
               stroke-linecap="round"
               stroke-linejoin="round"
               class="w-5 h-5 text-indigo-400">
            <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
            <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
            <path d="M10 9H8"></path>
            <path d="M16 13H8"></path>
            <path d="M16 17H8"></path>
          </svg>
          <h3>License</h3>
        </div>
        <p class="text-gray-300 pl-7">
          Yamtrack is licensed under the

          <a href="https://github.com/FuzzyGrim/Yamtrack/blob/dev/LICENSE"
             target="_blank"
             rel="noopener noreferrer"
             class="text-indigo-400 hover:text-indigo-300 transition-colors">GNU Affero General Public License v3.0 (AGPL-3.0)</a>
        </p>
      </div>

      <div class="mt-8 pt-4 border-t border-gray-700">
        <p class="text-gray-400 text-sm">
          Version: <span class="font-mono">{{ version }}</span>
        </p>
      </div>
    </div>
  </div>
{% endblock settings_content %}
