@extends('layouts.app')
@section('content')
    @include('parts.user-header')
    <div class="page-body-wrapper">
        <div class="page-body">
            @include('parts.navigation', ['title' => 'Downloads' , 'breadcrumbs' => ['Downloads' => false]])
            @if(!$categories->isEmpty())
                <div class="container-fluid">
                    <div class="row m-b-20 dropdown-basic">
                        <div class="col-lg-9 col-sm-12">
                        @isset($categoryFilter)
                        <a href="{{route('user.download.index')}}">
                            <button type="button" class="btn btn-pill btn-danger btn-air-danger btn-filter m-l-15">Сlear filters</button>
                        </a>
                        @endisset
                        @foreach($categories as $category)
                            <div class="dropdown">
                                <div class="custom btn-group mb-0">
                                    <a href="{{route('filter.download', [$category->slug, \Request::segment(4) === null ? '' : \Request::segment(4)])}}">
                                        @if(\Request::segment(3) == $category->slug || $category->children->contains('slug', \Request::segment(3)))
                                            <button type="button" class="custom active-category dropbtn btn-pill btn-info btn-air-info btn-sm ml-3">{{$category->name}}
                                                <span><i class="icofont icofont-arrow-down"></i></span>
                                            </button>
                                        @else
                                            <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>
                                        @endif
                                    </a>
                                    <div class="custom dropdown-content">
                                        @foreach($category->children as $child)
                                            <a class="{{\Request::segment(3) == $child->slug ? 'active-subcategory' : ''}}" href="{{route('filter.download', [$child->slug, \Request::segment(4) === null ? '' : \Request::segment(4)])}}">{{$child->name}}</a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        </div>
                        <div class="col-lg-3 col-sm-12 text-right">
                            <a href="{{route('filter.download', [\Request::segment(3) === null ? 'all-categories' : \Request::segment(3), 'basic'])}}">
                                <button type="button" class="m-b-10 {{\Request::segment(4) == 'basic' ? 'active-level' : ''}} btn btn-pill btn-primary btn-air-danger btn-filter m-l-15">Basic</button>
                            </a>
                            <a href="{{route('filter.download', [\Request::segment(3) === null ? 'all-categories' : \Request::segment(3), 'pro'])}}">
                                <button type="button" class="m-b-10 {{\Request::segment(4) == 'pro' ? 'active-level' : ''}} btn btn-pill btn-primary btn-air-danger btn-filter m-l-15">Pro</button>
                            </a>
                            <a href="{{route('filter.download', [\Request::segment(3) === null ? 'all-categories' : \Request::segment(3), 'vip'])}}">
                                <button type="button" class="m-b-10 {{\Request::segment(4) == 'vip' ? 'active-level' : ''}} btn btn-pill btn-primary btn-air-danger btn-filter m-l-15">Vip</button>
                            </a>
                            @isset($categoryFilter)
                            <a href="{{route('user.download.index')}}">
                                <button type="button" class="m-b-10 btn btn-pill btn-danger btn-air-danger btn-filter m-l-15">Сlear filters</button>
                            </a>
                            @endisset
                        </div>
                    </div>
                </div>
            @endif
            <div class="container-fluid">
                <div class="row m-b-20">
                    <div class="col">
                        <form action="{{route('search.download')}}" 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.download.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="{{route('user.download.show', $file->id)}}"><li><i class="icofont icofont-download-alt"></i></li></a>
                                                    </ul>
                                                @else
                                                    <p class="no-level">Sorry available for {{$file->levelName()}}.</p>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="product-details">
                                            <h4>{{$file->title}}</h4>
                                            <p>{{$file->description}}</p>
                                        </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 with this filter.</h3>
                    @else
                        <h3 class="no-files">Unfortunately no files yet.
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection