@extends('layouts.admin-app')
@section('content')
    @include('parts.admin-header')
    <div class="page-body-wrapper sidebar-icon">
        @include('parts.scrollbar')
        <div class="page-body">
            @include('parts.navigation', ['title' => 'Categories' , 'breadcrumbs' => ['Categories' => false]])
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <ul class="nav nav-pills nav-info" id="pills-tab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active show" id="pills-download-tab" data-toggle="pill" href="#pills-download" role="tab" aria-controls="pills-download" aria-selected="false">Download</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-academy-tab" data-toggle="pill" href="#pills-academy" role="tab" aria-controls="pills-academy" aria-selected="true">Academy</a>
                                    </li>
                                </ul>
                                <div class="tab-content" id="pills-tabContent">
                                    <div class="tab-pane fade  active show" id="pills-download" role="tabpanel" aria-labelledby="pills-download-tab">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-6 col-sm-8 col-md-10">
                                                    <h3>Download categories</h3>
                                                </div>
                                                <div class="col-6 col-sm-4 col-md-2 text-right">
                                                    <a href="{{route('admin.categories.create', 'download')}}"><button type="submit" class="btn btn-success">New</button></a>
                                                </div>
                                            </div>
                                        </div>
                                        @if(!$downloadCategories->isEmpty())
                                            <div class="table-responsive">
                                                <table class="table card-table table-vcenter text-nowrap">
                                                    <thead>
                                                    <tr>
                                                        <th>Name</th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($downloadCategories as $category)
                                                        <tr>
                                                            <td><p class="text-inherit">{{$category->name == '' ? '-' : $category->name}}</p></td>
                                                            <td class="text-right">
                                                                <a href="{{route('admin.categories.edit', [$category->id])}}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> Edit</a>
                                                                <a href="" class="btn btn-danger btn-sm js-destroy-record"
                                                                   data-toggle="modal"
                                                                   data-target="#destroy"
                                                                   data-title="Category delete"
                                                                   data-text="Are you sure you want to delete this category? If you delete the parent category all subcategories will be deleted too!"
                                                                   data-token="{{csrf_token()}}"
                                                                   data-url="{{route('admin.categories.destroy', [$category->id])}}"><i class="fa fa-trash"></i> Delete</a>
                                                            </td>
                                                        </tr>
                                                        @foreach($category->children as $child)
                                                            <tr class="child">
                                                                <td><p class="text-inherit">{{$child->name == '' ? '-' : $child->name}}</p></td>
                                                                <td class="text-right">
                                                                    <a href="{{route('admin.categories.edit', [$child->id])}}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> Edit</a>
                                                                    <a href="" class="btn btn-danger btn-sm js-destroy-record"
                                                                       data-toggle="modal"
                                                                       data-target="#destroy"
                                                                       data-title="Category delete"
                                                                       data-text="Are you sure you want to delete this category? If you delete the parent category all subcategories will be deleted too!"
                                                                       data-token="{{csrf_token()}}"
                                                                       data-url="{{route('admin.categories.destroy', [$child->id])}}"><i class="fa fa-trash"></i> Delete</a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @else
                                            <div class="card-header">
                                                <div class="row">
                                                    <div class="col-6 col-sm-8 col-md-10">
                                                        <h3>No download categories</h3>
                                                    </div>
                                                    <div class="col-6 col-sm-4 col-md-2 text-right">
                                                        <a href="{{route('admin.categories.create', 'download')}}"><button type="submit" class="btn btn-success">New</button></a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="tab-pane fade" id="pills-academy" role="tabpanel" aria-labelledby="pills-academy-tab">
                                        @if(!$academyCategories->isEmpty())
                                            <div class="card-header">
                                                <div class="row">
                                                    <div class="col-6 col-sm-8 col-md-10">
                                                        <h3>Academy categories</h3>
                                                    </div>
                                                    <div class="col-6 col-sm-4 col-md-2 text-right">
                                                        <a href="{{route('admin.categories.create', 'academy')}}"><button type="submit" class="btn btn-success">New</button></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="table-responsive">
                                                <table class="table card-table table-vcenter text-nowrap">
                                                    <thead>
                                                    <tr>
                                                        <th>Name</th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($academyCategories as $category)
                                                        <tr>
                                                            <td><p class="text-inherit">{{$category->name == '' ? '-' : $category->name}}</p></td>
                                                            <td class="text-right">
                                                                <a href="{{route('admin.categories.edit', [$category->id])}}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> Edit</a>
                                                                <a href="" class="btn btn-danger btn-sm js-destroy-record"
                                                                   data-toggle="modal"
                                                                   data-target="#destroy"
                                                                   data-title="Category delete"
                                                                   data-text="Are you sure you want to delete this category? If you delete the parent category all subcategories will be deleted too!"
                                                                   data-token="{{csrf_token()}}"
                                                                   data-url="{{route('admin.categories.destroy', [$category->id])}}"><i class="fa fa-trash"></i> Delete</a>
                                                            </td>
                                                        </tr>
                                                        @foreach($category->children as $child)
                                                            <tr class="child">
                                                                <td><p class="text-inherit">{{$child->name == '' ? '-' : $child->name}}</p></td>
                                                                <td class="text-right">
                                                                    <a href="{{route('admin.categories.edit', [$child->id])}}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> Edit</a>
                                                                    <a href="" class="btn btn-danger btn-sm js-destroy-record"
                                                                       data-toggle="modal"
                                                                       data-target="#destroy"
                                                                       data-title="Category delete"
                                                                       data-text="Are you sure you want to delete this category? If you delete the parent category all subcategories will be deleted too!"
                                                                       data-token="{{csrf_token()}}"
                                                                       data-url="{{route('admin.categories.destroy', [$child->id])}}"><i class="fa fa-trash"></i> Delete</a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @else
                                            <div class="card-header">
                                                <div class="row">
                                                    <div class="col-6 col-sm-8 col-md-10">
                                                        <h3>No academy categories</h3>
                                                    </div>
                                                    <div class="col-6 col-sm-4 col-md-2 text-right">
                                                        <a href="{{route('admin.categories.create', 'academy')}}"><button type="submit" class="btn btn-success">New</button></a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('parts.modal-delete')
@endsection
@push('scripts')
@endpush