@extends('layouts.admin')

@section('admin_title', $article->exists ? 'Modifier un article' : 'Créer un article')

@section('admin_content')
  <section class="admin-panel">
    @include('partials.form-errors')
    <form class="admin-form" method="post" enctype="multipart/form-data" action="{{ $article->exists ? route('admin.articles.update', $article) : route('admin.articles.store') }}" data-admin-article-form>
      @csrf
      @if($article->exists) @method('put') @endif

      <label>Titre
        <input name="title" value="{{ old('title', $article->title) }}" required>
      </label>

      @php
        $selectedCategoryId = old('category_id', $article->category_id);
        $selectedCategory = $categories->firstWhere('id', (int) $selectedCategoryId);
        $isGazetteCategory = $selectedCategory?->slug === 'gazette';
        $gazetteIsFree = (bool) old('gazette_is_free', $isGazetteCategory && ($article->access_level ?? \App\Models\Article::ACCESS_PUBLIC) === \App\Models\Article::ACCESS_PUBLIC);
      @endphp

      <label>Catégorie
        <select name="category_id" data-article-category-select>
          <option value="">Sans catégorie</option>
          @foreach($categories as $category)
            <option value="{{ $category->id }}" data-category-slug="{{ $category->slug }}" @selected((string) $selectedCategoryId === (string) $category->id)>{{ $category->name }}</option>
          @endforeach
        </select>
      </label>

      <div class="gazette-access-panel" data-gazette-access-panel @hidden(! $isGazetteCategory)>
        <label class="checkbox-line">
          <input type="checkbox" name="gazette_is_free" value="1" @checked($gazetteIsFree)>
          <span>Gratuit</span>
        </label>
        <p>Pour une gazette, case cochée = article public. Case décochée = lecture complète réservée aux adhérents.</p>
      </div>

      <label>Auteur affiché
        <select name="user_id" required>
          @foreach($authors as $author)
            <option value="{{ $author->id }}" @selected((string) old('user_id', $article->user_id ?: auth()->id()) === (string) $author->id)>
              {{ $author->name }} - {{ $author->role }}
            </option>
          @endforeach
        </select>
      </label>

      @php
        $selectedTagIds = collect(old('tag_ids', $article->exists ? $article->tags->pluck('id')->all() : []))
            ->map(fn ($id) => (string) $id)
            ->all();
        $pendingTags = collect(explode(',', (string) old('new_tags', '')))
            ->map(fn ($tag) => trim($tag))
            ->filter()
            ->values();
      @endphp

      <div class="admin-tags-field" data-admin-tags-field>
        <div class="admin-tags-head">
          <div>
            <strong>Tags</strong>
            <p>Ajoutez les tags utiles a l'article. Les tags deja crees par les redacteurs restent proposes pour les prochains articles.</p>
          </div>
          <div class="admin-tag-add">
            <input type="text" placeholder="Nouveau tag" data-new-tag-entry>
            <button class="button secondary" type="button" data-add-new-tag><i class="fi fi-br-plus" aria-hidden="true"></i>Ajouter</button>
          </div>
        </div>

        <input type="hidden" name="new_tags" value="{{ old('new_tags', '') }}" data-new-tags-input>
        <div class="admin-new-tags" data-new-tag-list>
          @foreach($pendingTags as $pendingTag)
            <span class="admin-tag-chip is-new" data-new-tag-chip data-tag-name="{{ $pendingTag }}">
              <span>{{ $pendingTag }}</span>
              <button type="button" aria-label="Retirer {{ $pendingTag }}" data-remove-new-tag><i class="fi fi-br-cross-small" aria-hidden="true"></i></button>
            </span>
          @endforeach
        </div>

        <div class="admin-tag-library">
          @forelse($tags as $tag)
            <div class="admin-tag-choice {{ in_array((string) $tag->id, $selectedTagIds, true) ? 'is-selected' : '' }}" data-tag-choice>
              <label>
                <input type="checkbox" name="tag_ids[]" value="{{ $tag->id }}" @checked(in_array((string) $tag->id, $selectedTagIds, true))>
                <span>{{ $tag->name }}</span>
              </label>
              <button
                class="admin-tag-delete"
                type="button"
                aria-label="Supprimer le tag {{ $tag->name }}"
                data-delete-tag
                data-delete-tag-url="{{ route('admin.articles.tags.destroy', $tag) }}"
              >
                <i class="fi fi-br-cross-small" aria-hidden="true"></i>
              </button>
            </div>
          @empty
            <p class="admin-tags-empty">Aucun tag pour le moment. Ajoutez le premier tag ci-dessus.</p>
          @endforelse
        </div>
      </div>

      <div class="admin-upload-field">
        <label>Image mise en avant
          <input type="file" name="featured_image_file" accept="image/jpeg,image/png,image/webp" data-upload-file-preview>
        </label>
        <p>Formats acceptés : JPG, PNG, WebP. Poids maximum : 12 Mo.</p>
        <input type="hidden" name="featured_image_library" value="{{ old('featured_image_library') }}" data-featured-library-input>
        <button class="button secondary media-library-open" type="button" data-open-media-library="featured">Choisir dans la bibliothèque</button>
        <figure class="admin-upload-preview {{ $article->featured_image ? '' : 'is-empty' }}" data-upload-preview data-featured-preview>
          <img src="{{ $article->featured_image ? asset($article->featured_image) : '' }}" alt="">
          <button class="admin-upload-remove" type="button" aria-label="Retirer l'image mise en avant" data-upload-remove><i class="fi fi-br-trash" aria-hidden="true"></i></button>
          <input type="hidden" name="remove_featured_image" value="{{ old('remove_featured_image', 0) }}" data-upload-remove-input>
          <figcaption>{{ $article->featured_image ? 'Image actuelle' : 'Image sélectionnée' }}</figcaption>
        </figure>
      </div>

      <label>Résumé
        <textarea name="excerpt">{{ old('excerpt', $article->excerpt) }}</textarea>
      </label>

      <div class="admin-article-editor-field">
        <label for="article-body">Contenu</label>
        <p>Ajoutez des intertitres, liens, listes, citations, images et PDF directement dans l'article.</p>
        <div
          class="article-editor"
          data-article-editor
          data-upload-url="{{ route('admin.articles.images.store') }}"
          data-delete-url="{{ route('admin.articles.images.destroy') }}"
          data-upload-document-url="{{ route('admin.articles.documents.store') }}"
          data-delete-document-url="{{ route('admin.articles.documents.destroy') }}"
        >{!! app(\App\Support\ArticleBody::class)->sanitize(old('body', $article->body)) !!}</div>
        <textarea id="article-body" name="body" data-article-editor-input required>{{ old('body', $article->body) }}</textarea>
      </div>

      <dialog class="article-media-dialog" data-article-media-dialog>
        <div class="article-media-head">
          <div>
            <p class="eyebrow">Bibliothèque de médias</p>
            <h2>Réutiliser une image ou un PDF déjà envoyé</h2>
          </div>
          <button class="icon-button" type="button" aria-label="Fermer la bibliothèque" data-close-media-library><i class="fi fi-br-cross-small" aria-hidden="true"></i></button>
        </div>
        <div class="article-media-actions">
          <button class="button secondary" type="button" data-upload-media>Importer une nouvelle image</button>
          <button class="button secondary" type="button" data-upload-document-media>Importer un PDF</button>
        </div>
        <div class="article-media-grid" data-article-media-grid>
          @forelse ($articleImages as $image)
            <button class="article-media-item" type="button" data-media-kind="image" data-media-path="{{ $image['path'] }}" data-media-url="{{ $image['url'] }}">
              <img src="{{ $image['url'] }}" alt="">
              <span>{{ $image['name'] }}</span>
              <span class="article-media-delete" role="button" tabindex="0" aria-label="Supprimer {{ $image['name'] }}" data-delete-media><i class="fi fi-br-trash" aria-hidden="true"></i></span>
            </button>
          @empty
            @if (empty($articleDocuments))
            <p class="article-media-empty" data-media-empty>Les images envoyées pour les articles apparaîtront ici.</p>
            @endif
          @endforelse
          @foreach ($articleDocuments as $document)
            <button class="article-media-item article-media-document" type="button" data-media-kind="document" data-media-path="{{ $document['path'] }}" data-media-url="{{ $document['url'] }}" data-media-name="{{ $document['name'] }}">
              <span class="article-media-file-icon"><i class="fi fi-br-file-pdf" aria-hidden="true"></i></span>
              <span>{{ $document['name'] }}</span>
              <span class="article-media-delete" role="button" tabindex="0" aria-label="Supprimer {{ $document['name'] }}" data-delete-media><i class="fi fi-br-trash" aria-hidden="true"></i></span>
            </button>
          @endforeach
        </div>
      </dialog>

      <label>Statut
        <select name="status">
          <option value="draft" @selected(old('status', $article->status) === 'draft')>Brouillon</option>
          <option value="published" @selected(old('status', $article->status) === 'published')>Publié</option>
          <option value="archived" @selected(old('status', $article->status) === 'archived')>Archivé</option>
        </select>
      </label>

      <label>Accès à l'article
        <select name="access_level" required>
          <option value="public" @selected(old('access_level', $article->access_level ?? 'public') === 'public')>Public</option>
          <option value="members" @selected(old('access_level', $article->access_level ?? 'public') === 'members')>Réservé aux membres connectés</option>
          <option value="adherents" @selected(old('access_level', $article->access_level ?? 'public') === 'adherents')>Réservé aux adhérents uniquement</option>
        </select>
      </label>

      <label>Date de publication
        <input type="datetime-local" name="published_at" value="{{ old('published_at', $article->published_at?->format('Y-m-d\TH:i')) }}">
      </label>

      <button class="button primary" type="submit"><i class="fi fi-br-disk" aria-hidden="true"></i>Enregistrer</button>
    </form>
  </section>
@endsection