@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.categories.crud')
    </div>
    <div class="page-content">
        <!-- <a href="{{ route('categories.media') }}" class="red-button">Medien</a> -->
        <!-- <a href="{{ route('categories.templates') }}" class="red-button">Vorlagen</a> -->

        <a href="{{ route('categories.create') }}" class="red-button">erstellen</a>

        <div id="category_list_container">
            <table id="category_list" data-toggle="table" data-pagination="true" data-search="true" data-page-size="20" data-toolbar="#toolbar" data-classes="table table-no-bordered" data-escape="false" class="table">
                <thead>
                    <tr>
                        <th data-sortable="true" data-field="name" data-switchable="false">Name</th>
                        <th data-sortable="true" data-field="type" data-switchable="false">Typ</th>
                        <th data-sortable="true" data-field="cat_type" data-switchable="false">Art</th>
                        <th data-sortable="true" data-field="parent_cat" data-switchable="false">Hauptkategorie</th>
                        <th data-field="used" data-switchable="false">Anzahl Inhalte</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($categories as $category)
                        <tr>
                            <td>{{ $category['name'] }}</td>
                            <td>
                                @if ($category['type'] === "templ")
                                    Vorlage<!-- <span class="badge badge-primary">Vorlage</span> -->
                                @elseif ($category['type'] === "media")
                                    Medien<!-- <span class="badge badge-success">Medien</span> -->
                                @endif
                            </td>
                            <td>
                                @if ($category['cat_type'] === "main")
                                    Haupt<!-- <span class="badge badge-info">Haupt</span> -->
                                @elseif ($category['cat_type'] === "sub")
                                    Sub<!-- <span class="badge badge-secondary">Sub</span> -->
                                @endif
                            </td>
                            <td>{{ $category['parent_category'] }}</td>
                            <td>{{ $category['count'] }}</td>
                            <td>
                                <div>
                                    <a class="edit-category" href="{{ route('categories.edit', $category['id']) }}">
                                        <i class="material-icons">edit</i>
                                    </a>
                                    @if ($category['count'] === 0 && ($category['cat_type'] === "sub" || ($category['has_subcategory'] === false && $category['cat_type'] === "main")))
                                        <span url="{{ route('categories.delete', $category['id']) }}">
                                            <i class="material-icons">delete</i>
                                        </span>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('back_button')
    <a href="{{ route('home') }}" class="grey-button">Zurück</a>
@endsection