@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.categories.crud')
  </div>
  <div class="page-content">
    <div class="form-container">
      @if (isset($category))
        <form method="POST" action="{{ route('categories.update', $category['id']) }}" class="categories-form" enctype="multipart/form-data"
          accept-charset="UTF-8">
          @csrf
          <div class="form-group @if ($errors->has('name')) has-error @endif">
            <div class="form-control-title">
              <span>Name:</span>
            </div>
            <input type="text" name="name" class="category-name form-control" placeholder="..." value="{{ !empty($category->name) ? $category->name : old('name') }}">
            <input type="hidden" name="parent">
            <input type="hidden" name="type">
          </div>
          <div class="action-buttons">
            <button type="submit" class="red-button save-and-close">@lang('generic.btn-save-close')</button>
          </div>
        </form>
      @else
        <form method="POST" action="{{ route('categories.store') }}" class="categories-form create-category" enctype="multipart/form-data"
          accept-charset="UTF-8">
          @csrf
          <div class="form-group category-type">
            <div class="form-control-title">
              <span>Typ:</span>
            </div>
            <select name="type" class="form-control">
              <option value="media">Medien</option>
              <option value="templ">Vorlage</option>
            </select>
          </div>
          <div class="form-group category-role">
            <div class="form-control-title">
              <span>Art:</span>
            </div>
            <select name="role" class="form-control">
              <option value="main">Hauptkategorie</option>
              <option value="subcategory">Subkategorie</option>
            </select>
          </div>
          <div class="form-group parent-categories">
            <div class="form-control-title">
              <span>Hauptkategorie:</span>
            </div>
            <select name="parent" class="form-control">@foreach ($categories as $key => $val)<option value="{{ $key }}">{{ $val }}</option>@endforeach</select>
          </div>
          <div class="form-group @if ($errors->has('name')) has-error @endif">
            <div class="form-control-title">
              <span>Name:</span>
            </div>
            <input type="text" name="name" class="category-name form-control" placeholder="..." value="{{ !empty($category->name) ? $category->name : old('name') }}">
          </div>
          <div class="action-buttons">
            <button type="submit" class="red-button save-and-close">@lang('generic.btn-save-close')</button>
          </div>
        </form>
      @endif
    </div>
  </div>
@endsection

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