@extends('layouts.app')
@section('content')
    @include('parts.user-header')
    @include('parts.modal-show')
    <div class="page-body-wrapper">
        <div class="page-body">
            @include('parts.navigation', ['title' => 'Academy' , 'breadcrumbs' => ['Academy' => false]])
            @if(!$categories->isEmpty())
                <div class="container-fluid">
                    <div class="row m-b-20 dropdown-basic">
                        @isset($categoryFilter)
                        <a href="{{route('user.academy.index')}}">
                            <button type="button" class="btn btn-pill btn-danger btn-air-danger btn-filter m-l-15">Сlean out - {{$categoryFilter->name}}</button>
                        </a>
                        @endisset
                        @foreach($categories as $category)
                            <div class="dropdown">
                                <div class="custom btn-group mb-0">
                                    <a href="{{route('category.academy', $category->slug)}}"><button type="button" class="custom dropbtn btn-pill btn-info btn-air-info btn-sm ml-3">{{$category->name}}<span><i class="icofont icofont-arrow-down"></i></span></button></a>
                                    <div class="custom dropdown-content">
                                        @foreach($category->children as $child)
                                            <a href="{{route('category.academy', $child->slug)}}">{{$child->name}}</a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
            <div class="container-fluid">
                <div class="row m-b-20">
                    <div class="col">
                        <form action="{{route('search.academy')}}" class="needs-validation" novalidate="" method="POST">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="text" @isset($search) value="{{$search}}" @endisset name="search" class="form-control btn-pill" placeholder="Search">
                        </form>
                    </div>
                    @isset($search)
                    <a href="{{route('user.academy.index')}}">
                        <button type="button" class="btn btn-pill btn-danger btn-air-danger btn-search">Clear search</button>
                    </a>
                    @endisset
                </div>
            </div>
            <div class="container-fluid">
                <div class="row justify-content-center">
                    @if(!$files->isEmpty())
                        @foreach($files as $file)
                            <div class="col-xl-3 col-sm-6">
                                <div class="card">
                                    <div class="product-box">
                                        <div class="product-img">
                                            @if($file->getThumbnailPath())
                                                <img src="{{$file->getThumbnailPath()}}" class="img-fluid" />
                                            @else
                                                <img src="{{asset('assets/images/ecommerce/product/01.jpg')}}/" class="img-fluid"/>
                                            @endif
                                            <div class="product-hover">
                                                @if(\Illuminate\Support\Facades\Auth::user()->level >= $file->level)
                                                    <ul>
                                                        <a href="#" class="js-show-record" data-url="{{$file->getFilePath()}}" data-toggle="modal" data-target="#show">
                                                            <li><i class="icofont icofont-eye-alt"></i></li>
                                                        </a>
                                                    </ul>
                                                @else
                                                    <p class="no-level">Sorry but to view this file the access level must be {{$file->levelName()}}.</p>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="product-details">
                                            <h4>{{$file->title}}</h4>
                                            <p>{{$file->description}}</p>
                                            {{--<div class="product-price">--}}
                                            {{--<del>$350.00    </del>$26.00--}}
                                            {{--</div>--}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @elseif(isset($search))
                        <h3 class="no-files">Unfortunately no files were found for this request.</h3>
                    @elseif(isset($categoryFilter))
                        <h3 class="no-files">Unfortunately no files were found in this category.</h3>
                    @else
                        <h3 class="no-files">Unfortunately no files yet.</h3>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection