@extends('layouts.app')

@section('title', 'Backoffice — Catégories')

@section('content')
<section class="page-hero">
    <div class="container">
        @include('admin.partials.breadcrumbs', ['items' => [
            ['label' => 'Catégories'],
        ]])
        <div class="page-hero-eyebrow">Backoffice</div>
        <h1>Catégories de <em>formations</em>.</h1>
        <a href="{{ route('admin.formations.index') }}" class="btn-secondary">Retour aux formations</a>
    </div>
</section>

<section class="block">
    <div class="container">
        @if(session('status'))<div class="form-alert">{{ session('status') }}</div>@endif
        <div class="admin-split">
            <form method="POST" action="{{ route('admin.univers.store') }}" class="contact-form">
                @csrf
                <h3>Ajouter une catégorie</h3>
                <div class="form-row"><label>Libellé</label><input name="libelle" required></div>
                <div class="form-row"><label>Slug</label><input name="slug" placeholder="auto si vide"></div>
                <div class="form-row"><label>Classe couleur</label><input name="couleur"></div>
                <div class="form-row"><label>Ordre</label><input type="number" name="ordre" value="0" required></div>
                <div class="form-row row-2">
                    <div><label>menus.mid historique</label><input type="number" name="legacy_menu_id" placeholder="menus.mid"></div>
                    <div><label>menus.param</label><input type="number" name="legacy_menu_param" value="4" required></div>
                </div>
                <div class="form-row"><label>articles.cat historique</label><input type="number" name="legacy_article_cat" placeholder="par défaut = menus.mid"></div>
                <div class="form-row"><label>Autres menus.mid rattachés</label><input name="legacy_menu_ids" placeholder="ex. 5, 7, 8"></div>
                <button class="btn-submit" type="submit">Créer</button>
            </form>

            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead><tr><th>Catégorie</th><th>Slug</th><th>Formations</th><th>Ordre</th><th>Ancienne base</th><th></th></tr></thead>
                    <tbody>
                        @foreach($univers as $u)
                            <tr>
                                <form method="POST" action="{{ route('admin.univers.update', $u) }}">
                                    @csrf @method('PUT')
                                    <td><input name="libelle" value="{{ $u->libelle }}"></td>
                                    <td><input name="slug" value="{{ $u->slug }}"></td>
                                    <td>{{ $u->formations_count }}</td>
                                    <td><input type="number" name="ordre" value="{{ $u->ordre }}"></td>
                                    <td>
                                        <input type="hidden" name="couleur" value="{{ $u->couleur }}">
                                        <input type="number" name="legacy_menu_id" value="{{ $u->legacy_menu_id }}" placeholder="menus.mid">
                                        <input type="number" name="legacy_menu_param" value="{{ $u->legacy_menu_param ?: 4 }}" placeholder="menus.param">
                                        <input type="number" name="legacy_article_cat" value="{{ $u->legacy_article_cat }}" placeholder="articles.cat">
                                        <input name="legacy_menu_ids" value="{{ implode(', ', $u->legacy_menu_ids ?? []) }}" placeholder="menus liés">
                                    </td>
                                    <td><button class="admin-button" type="submit">OK</button></td>
                                </form>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection