63 lines
2.9 KiB
PHP
63 lines
2.9 KiB
PHP
@extends('layouts.app', ['title' => 'Catalogue — BloomFeed'])
|
|
|
|
@section('content')
|
|
<div class="main-column" style="width:100%;">
|
|
@if (session('status'))
|
|
<div class="form-status">{{ session('status') }}</div>
|
|
@endif
|
|
|
|
<div class="market-header">
|
|
<div>
|
|
<h2 style="margin:0;">Catalogue de flux</h2>
|
|
<p class="text-muted text-sm" style="margin:4px 0 0;">
|
|
Une sélection de flux RSS livrée avec BloomFeed — ajoutez-les à votre collection en un clic.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
@if ($feeds->isEmpty())
|
|
<div class="card empty-state">
|
|
Le catalogue est vide pour le moment.
|
|
</div>
|
|
@else
|
|
<input type="search" id="market-search" class="form-input market-search" placeholder="Rechercher un flux… (nom, description, catégorie)">
|
|
|
|
<div class="market-chips" id="market-chips">
|
|
<button type="button" class="chip active" data-category="">Tout</button>
|
|
@foreach ($feeds->keys() as $category)
|
|
<button type="button" class="chip" data-category="{{ $category }}">{{ $category }}</button>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="market-grid" id="market-grid">
|
|
@foreach ($feeds as $category => $items)
|
|
@foreach ($items as $item)
|
|
<div class="market-card" data-category="{{ $category }}" data-search="{{ Str::lower($item['title'].' '.$item['description'].' '.$category) }}">
|
|
<div class="market-card-head">
|
|
<span class="market-card-title">{{ $item['title'] }}</span>
|
|
<span class="chip chip-static">{{ $category }}</span>
|
|
</div>
|
|
<p class="market-card-desc">{{ $item['description'] ?: $item['url'] }}</p>
|
|
<div class="market-card-foot">
|
|
<span class="market-lang">{{ strtoupper($item['lang']) }}</span>
|
|
@if (in_array($item['url'], $subscribedUrls))
|
|
<span class="market-added">✓ Ajouté</span>
|
|
@else
|
|
<form method="POST" action="{{ route('feeds.store') }}">
|
|
@csrf
|
|
<input type="hidden" name="url" value="{{ $item['url'] }}">
|
|
<input type="hidden" name="title" value="{{ $item['title'] }}">
|
|
<button type="submit" class="btn btn-primary btn-sm">+ Ajouter</button>
|
|
</form>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="card empty-state" id="market-empty" hidden>Aucun flux ne correspond à votre recherche.</div>
|
|
@endif
|
|
</div>
|
|
@endsection
|