@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.categories.crud')
        @if($module === "media")
            Medien
        @elseif($module === "templates")
            Vorlagen
        @endif
        - Kategorien
    </div>
    <div class="page-content">
        <div class="category-assignment">
            <div class="form-group">
                <div class="form-control-title">
                    <span>Basiskategorie:</span>
                </div>
                <select name="main_category">@foreach($main_category_list as $key => $val)<option value="{{ $key }}" @if(in_array($key, $main_category_list)) selected="selected" @endif>{{ $val }}</option>@endforeach</select>
            </div>
            <div class="form-group select-categories">
                <div class="form-control-title">
                    <span>Kategorieliste:</span>
                </div>
                <select name="select_categories">@foreach($category_list as $key => $val)<option value="{{ $key }}"></option>@endforeach</select>

                <div id="update-media-categories" class="red-button">Speichern</div>
            </div>
            <table id="media_list" data-toggle="table" data-pagination="true" data-page-size="10" data-search="true" data-toolbar="#toolbar" data-classes="table table-no-bordered" data-escape="false" class="table">
                <thead>
                    <tr>
                        <th>
                            <div class="select_all_heading">
                                <input type="checkbox" class="select_all form-check-input" value="1"><span>alle auswählen</span>
                            </div>
                        </th>
                        <th>Bild</th>
                        <th data-sortable="true" data-field="name" data-switchable="false">Name</th>
                        <th data-sortable="true" data-field="type" data-switchable="false">Kategorien</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($list as $item)
                        @php
                            $thumbnail  = "";
                            $categories = array();
                            if(isset($item['thumbnailDownloadPaths']) && isset($item['thumbnailDownloadPaths']['extraSmall'])){
                                $thumbnail = URL::to('/').$item['thumbnailDownloadPaths']['extraSmall'];
                            }
                            foreach($item['categories'] as $cat){
                                if(in_array(substr($cat['name'], 0, 6), ["media_", "templ_"])){
                                    if(substr($cat['name'], 6, 4) === "sub_"){
                                        $name         = substr($cat['name'], 10);
                                        $categories[] = substr($name, strpos($name, "_") + 1);
                                    }else{
                                        $categories[] = substr($cat['name'], 6);
                                    }
                                }
                            }
                        @endphp
                        <tr>
                            <td><input type="checkbox" class="media_checkbox form-check-input" value="{{ $item['id'] }}"></td>
                            <td><img class="" src="{{ $thumbnail }}" alt="None." /></td>
                            <td>{{ $item['name'] }}</td>
                            <td>{{ implode($categories, ", ") }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <input id="module" type="hidden" value="{{ $module }}">
    <script>
        $(document).ready(function(){
            // Main category changed - SB, SF, STW
            $("#main_category").change(function(){
                window.location.href = "{{ route('categories.'.$module) }}"+"?category="+$(this).val();
            });
        });
    </script>
@endsection

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