{% extends 'base.html' %}
{% block title %}Partages · KALYMATT® YT{% endblock %}
{% block content %}
{% if new_share %}
<section class="share-created card">
  <div><span class="eyebrow">NOUVEAU SECRET DE PARTAGE</span><h2>{{ new_share.title }}</h2><p>Copiez le lien et le mot de passe maintenant. Le mot de passe ne sera plus affiché ensuite.</p></div>
  <div class="share-secret-grid">
    <label>Lien de partage<input readonly value="{{ new_share.url }}" onclick="this.select()"></label>
    <label>Mot de passe aléatoire<input readonly value="{{ new_share.password }}" onclick="this.select()"></label>
  </div>
</section>
{% endif %}

<section class="page-head shares-head">
  <div>
    <span class="eyebrow">CENTRE DE PARTAGE</span>
    <h1>Liens partagés.</h1>
    <p>Gérez au même endroit les partages de fichiers et de dossiers, leur expiration et leur révocation.</p>
  </div>
  <a class="secondary button-icon" href="{{ url_for('library', collection='shared', scope='all') }}"><img src="{{ url_for('static', filename='icons/library.svg') }}" alt="">Voir les éléments partagés</a>
</section>

<nav class="share-state-tabs" aria-label="État des partages">
  <a class="{% if state=='active' %}active{% endif %}" href="{{ url_for('shares_center', state='active') }}">Actifs</a>
  <a class="{% if state=='expired' %}active{% endif %}" href="{{ url_for('shares_center', state='expired') }}">Expirés</a>
  <a class="{% if state=='disabled' %}active{% endif %}" href="{{ url_for('shares_center', state='disabled') }}">Désactivés</a>
  <a class="{% if state=='all' %}active{% endif %}" href="{{ url_for('shares_center', state='all') }}">Tous</a>
</nav>

{% if items %}
<section class="share-center-list" aria-label="Partages">
  {% for item in items %}
  <article class="share-center-row state-{{ item.share_state }} {% if item.trashed %}is-trashed{% endif %}" data-share-manager>
    <div class="share-kind-icon"><img src="{{ url_for('static', filename='icons/library.svg' if item.kind=='folder' else 'icons/media.svg') }}" alt=""></div>
    <div class="share-center-main">
      <div class="share-center-title"><strong>{{ item.title }}</strong><span>{{ 'Dossier' if item.kind=='folder' else (item.extension|upper ~ ' · Fichier') }}</span></div>
      <small>{{ item.location }} · créé le {{ item.created_at.strftime('%d/%m/%Y à %H:%M') if item.created_at and item.created_at.strftime else item.created_at }}</small>
      <div class="share-center-status">
        {% if item.trashed %}<span class="share-state-badge danger">Élément en corbeille</span>
        {% elif item.share_state=='active' %}<span class="share-state-badge active">Actif</span>
        {% elif item.share_state=='expired' %}<span class="share-state-badge expired">Expiré</span>
        {% else %}<span class="share-state-badge disabled">Désactivé</span>{% endif %}
        {% if item.expires_at %}<span>Expiration : {{ item.expires_at.strftime('%d/%m/%Y à %H:%M') if item.expires_at.strftime else item.expires_at }}</span>{% else %}<span>Sans expiration</span>{% endif %}
      </div>
    </div>

    <div class="share-center-actions">
      {% if item.share_state=='active' and not item.trashed %}
      <div class="share-link-inline">
        <input data-share-url readonly value="{{ item.public_url }}" aria-label="Lien de partage">
        <button type="button" class="icon-action" data-copy-share-url title="Copier le lien"><img src="{{ url_for('static', filename='icons/copy.svg') }}" alt=""></button>
        <a class="icon-action" href="{{ item.public_url }}" target="_blank" rel="noopener" title="Ouvrir le partage"><img src="{{ url_for('static', filename='icons/eye.svg') }}" alt=""></a>
      </div>
      <div class="share-quick-actions">
        {% if item.kind=='file' %}
        <form method="post" action="{{ url_for('update_share', video_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><select name="expiry" aria-label="Expiration"><option value="never">Sans expiration</option><option value="24h">24 h</option><option value="7d">7 jours</option><option value="30d">30 jours</option></select><button type="submit" title="Modifier l’expiration"><img src="{{ url_for('static', filename='icons/check.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('regenerate_share_password', video_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button type="submit" class="icon-action" title="Nouveau mot de passe"><img src="{{ url_for('static', filename='icons/key.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('regenerate_share_link', video_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button type="submit" class="icon-action" title="Nouveau lien et mot de passe"><img src="{{ url_for('static', filename='icons/link.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('disable_share', video_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button type="submit" class="icon-action danger-action" title="Désactiver le partage"><img src="{{ url_for('static', filename='icons/lock.svg') }}" alt=""></button></form>
        {% else %}
        <form method="post" action="{{ url_for('update_folder_share', folder_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><select name="expiry" aria-label="Expiration"><option value="never">Sans expiration</option><option value="24h">24 h</option><option value="7d">7 jours</option><option value="30d">30 jours</option></select><button type="submit" title="Modifier l’expiration"><img src="{{ url_for('static', filename='icons/check.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('regenerate_folder_share_password', folder_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button type="submit" class="icon-action" title="Nouveau mot de passe"><img src="{{ url_for('static', filename='icons/key.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('regenerate_folder_share_link', folder_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button type="submit" class="icon-action" title="Nouveau lien et mot de passe"><img src="{{ url_for('static', filename='icons/link.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('disable_folder_share', folder_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button type="submit" class="icon-action danger-action" title="Désactiver le partage"><img src="{{ url_for('static', filename='icons/lock.svg') }}" alt=""></button></form>
        {% endif %}
      </div>
      {% elif not item.trashed %}
      <div class="share-recreate">
        <span>Ce lien n’est plus accessible.</span>
        {% if item.kind=='file' %}
        <form method="post" action="{{ url_for('create_share', video_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button class="primary" type="submit">Créer un nouveau partage</button></form>
        {% else %}
        <form method="post" action="{{ url_for('create_folder_share', folder_id=item.object_id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="_return" value="shares"><button class="primary" type="submit">Créer un nouveau partage</button></form>
        {% endif %}
      </div>
      {% endif %}
    </div>
  </article>
  {% endfor %}
</section>
{% else %}
<div class="empty-state"><img src="{{ url_for('static', filename='icons/link.svg') }}" alt=""><h3>Aucun partage dans cette vue.</h3><p>Les partages créés depuis les fichiers et dossiers apparaîtront ici.</p></div>
{% endif %}
{% endblock %}