@extends('adminpanel.layouts.app')

{{--@section('title'){!! $category->title_ru !!}@endsection--}}

@section('content')
    <div class="content">
        <div class="col-12">
            <div class="card" style="width: 100%;">
                <div class="card-body">
                    <button type="button" class="btn btn-success btn-sm col-2 m-2"
                            data-toggle="modal" data-target="#ModalNewsCategory-new">
                        Создать категорию новостей
                    </button>
                    <div class="modal fade" id="ModalNewsCategory-new" tabindex="-1"
                         role="dialog" aria-labelledby="ModalNewsCategory-newTitle"
                         aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <form method="GET" action="{{route('newCategoryNews')}}"
                                      enctype="multipart/form-data">
                                    @csrf
                                    <div class="modal-header">
                                        <h5 class="modal-title"
                                            id="ModalNewsCategory-newTitle">Создать категорию</h5>
                                        <button type="button" class="close"
                                                data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group">
                                            <label for="news-new-title_ru">Название (Рус)</label>
                                            <input type="text" class="form-control"
                                                   id="news-new-title_ru"
                                                   name="news_category[new][title_ru]"
                                                   value="">
                                        </div>
                                        <div class="form-group">
                                            <label for="news-new-title_en">Название (Анг)</label>
                                            <input type="text" class="form-control"
                                                   id="news-new-title_en"
                                                   name="news_category[new][title_en]"
                                                   value="">
                                        </div>
                                        <div class="form-group">
                                            <label for="news-new-parent">Родительская категория</label>
                                            <select class="form-control chzn-select" tabindex="2" id="news-new-parent"
                                                    name="news_category[new][parent_id]"
                                                    data-placeholder="Выберите значение...">
                                                <option value="0">Без родительской</option>
                                                @foreach($categories as $category)
                                                    <option value="{{$category->id}}">{{$category->title_ru}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="news-new-slug">Путь (slug)</label>
                                            <input type="text" class="form-control"
                                                   id="news-new-slug"
                                                   name="news_category[new][slug]"
                                                   value="">
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                                data-dismiss="modal">Закрыть
                                        </button>
                                        <button type="submit" class="btn btn-success">
                                            Сохранить изменения
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-sm">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Родительская категория</th>
                                <th>Название категории (Рус)</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($categories as $item)
                                <tr>
                                    <td>{{$item->id}}</td>
                                    <td>@if($item->parent !== null) {{ $item->parent->title_ru }} (ID
                                        - {{ $item->parent->id }}) @else - @endif</td>
                                    <td>{{ $item->title_ru }}</td>
                                    <td>
                                        <button type="button" class="btn btn-primary btn-sm"
                                                data-toggle="modal" data-target="#ModalNewsCategory-edit-{{$item->id}}">
                                            Редактировать
                                        </button>
                                        <div class="modal fade" id="ModalNewsCategory-edit-{{$item->id}}" tabindex="-1"
                                             role="dialog" aria-labelledby="ModalNewsCategory-edit-{{$item->id}}Title"
                                             aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <form method="GET"
                                                          action="{{route('editCategoryNews',['newsCategory'=>$item->id])}}"
                                                          enctype="multipart/form-data">
                                                        @csrf
                                                        <div class="modal-header">
                                                            <h5 class="modal-title"
                                                                id="ModalNewsCategory-edit-{{$item->id}}Title">Редактировать
                                                                категорию</h5>
                                                            <button type="button" class="close"
                                                                    data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="form-group">
                                                                <label for="news-edit-{{$item->id}}-title_ru">Название (Рус)</label>
                                                                <input type="text" class="form-control"
                                                                       id="news-edit-{{$item->id}}-title_ru"
                                                                       name="news_category[{{$item->id}}][title_ru]"
                                                                       value="{{ $item->title_ru }}">
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="news-edit-{{$item->id}}-title_en">Название (Анг)</label>
                                                                <input type="text" class="form-control"
                                                                       id="news-edit-{{$item->id}}-title_en"
                                                                       name="news_category[{{$item->id}}][title_en]"
                                                                       value="{{ $item->title_en }}">
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="news-edit-{{$item->id}}-parent">Родительская
                                                                    категория</label>
                                                                <select class="form-control chzn-select" tabindex="2"
                                                                        id="news-edit-{{$item->id}}-parent"
                                                                        name="news_category[{{$item->id}}][parent_id]"
                                                                        data-placeholder="Выберите значение...">
                                                                    <option @if($item->parent_id == 0) selected @endif value="0">Без родительской</option>
                                                                    @foreach($categories as $category)
                                                                        <option @if($item->parent_id == $category->id) selected @endif
                                                                            value="{{$category->id}}">{{$category->title_ru}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="news-edit-{{$item->id}}-slug">Путь (slug)</label>
                                                                <input type="text" class="form-control"
                                                                       id="news-edit-{{$item->id}}-slug"
                                                                       name="news_category[{{$item->id}}][slug]"
                                                                       value="{{ $item->slug }}">
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary"
                                                                    data-dismiss="modal">Закрыть
                                                            </button>
                                                            <button type="submit" class="btn btn-success">
                                                                Сохранить изменения
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="btn btn-danger btn-sm"
                                           href="{{route('deleteNewsCategory',['newsCategory'=>$item->id])}}">Удалить</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection